Bootstrap 5 ships one dropdown level; the Components menu above adds a second with about 40 lines of vanilla JS. Open Components → Layouts to watch it expand in place.
Every layout page shares this same nav, feature strip, and footer — only the middle column changes. Left, Right, Two, and No Sidebar are one click away.
Email, a one-field newsletter signup, and a phone number sit in this same three-column footer under every page. Say Hello adds a full contact form on top of it.
The photo only needs to be square — the border, the ring, and the drop shadow all come from the .team-avatar wrapper. This one is cropped tight from an action shot, not a studio headshot, to show the frame doesn't care what's inside it.
Above the avatar, a two-line name-and-title stack sits flush right on desktop and centers itself once the row stacks on phones — the same reflow every widget on this page uses at the same breakpoint.
The bio column is a single unstyled paragraph — as short or long as the row needs. This crop skips the face entirely, which is the point: "portrait" here just means whatever photo the row is given.
