Sundrop Solar — Corporate Solar About Page for Divi 5

The layout opens on a warm cream section (#fffaf0) with 180px of top padding on desktop, giving the company name and founding year room to land before the headline appears. The H1 sits at 104px in Poppins 600, scaling down explicitly to 72px on tablet and 44px on phone, with text-wrap: balance managing any multi-line wraps. A thin warm-tan divider (#ecdcc0) separates the brand statement from a two-column intro row split at a 16/24 and 8/24 ratio: the wider left column holds a 20px body paragraph, while the narrower right column positions an underlined text link flush with the bottom of the adjacent text block via alignItems: flex-end on the parent row.

The team section introduces the layout's recurring structural device: a 2px top-border rule in navy (#1b2a4a) that marks the transition from image to text on every card. Four portrait slots use a strict 1:1 aspect ratio with object-fit cover and no border radius, so the photos read as clean architectural frames rather than softened thumbnails. On tablet the four equal columns wrap into a 2x2 grid (each shifting from 6/24 to 12/24 wide); on phone they stack into a single full-width column. The section's own header row uses an asymmetric 14/24 and 10/24 split with alignItems: flex-end, so the H2 heading and the supporting copy paragraph share a common baseline across the two columns.

The third section replaces the cream background with a full-bleed photograph overlaid by a uniform navy gradient at 72% opacity (rgba(20,32,59,0.72) at both 0 and 100 percent), keeping text legible regardless of which part of the photo sits behind the content. Inside, a four-column CSS grid presents company milestones from 2013 to 2025. Each milestone card uses the same 2px top-border device, here in warm white (#fff6e6), with a 48px weight-700 year number, a short H3 title, and one sentence of description beneath it. The grid collapses to two columns on tablet and one on phone via explicit gridColumnCount settings on the parent Group module.

The layout closes with a solid navy values section and a second dark-image pullquote section. In the values section, four company principles numbered 01 through 04 are separated by full-width 2px Divider modules. The numbering occupies a fixed 64px column, the principle heading (H3 at 34px) fills the remaining flex space, and the supporting copy is constrained to a 360px max-width block. The closing quote section mirrors the dark-image treatment from the story section: a 120px Poppins 700 quotation mark serves as the sole ornament, followed by a 42px pullquote set to text-wrap: balance, a short 64px-wide Divider rule, and a two-line founder attribution in warm white (#fff6e6).