The avatar row
Five portraits, centered, that read as people before they read as design. The circles are pure CSS over plain square images — drop in 320px squares, update the alt text, and link each face wherever it should go.
This strip exists for the line you'd say out loud — state the point of the site and let people keep scrolling. Its background is the theme accent, and every color in the template lives in a handful of :root custom properties: change those and the whole thing recolors, which is exactly how the cyan, green, and red variants were made from this blue one.
Full-bleed photo, dark overlay, display heading — the opening move of every landing page, one scroll above this grid.
A Bootstrap navbar with a dropdown and a nested submenu, collapsing to a toggler on phones. Try Components above.
Left rail, right rail, both, or none — every page shares this chrome, so layouts mix freely across one site.
Circular portraits for teams, authors, or speakers — faces build trust faster than any paragraph. Below.
One loud sentence over a full-width photo strip — a testimonial, a tagline, or the line you want quoted back.
The same ready-to-wire form closes every page — point its action at your handler and it's live.
Seven palettes, each one :root value apart — flip them live with the dots in the navbar.
Bootstrap's bundle plus ~50 lines of vanilla JS run everything: dropdowns, collapse, and the nested submenu.
Five portraits, centered, that read as people before they read as design. The circles are pure CSS over plain square images — drop in 320px squares, update the alt text, and link each face wherever it should go.