Full-width Marketing page Quote
“I am deeply committed to doing research that stimulates scientific progress but also has real world impact beyond the academy, a goal that clearly aligns with the vision of the Institute. The Ballmer Institute is creating an entirely new workforce and undergraduate program to address the needs of children and families. Opportunities like this for real system change rarely arise.”
— Katie McLaughlin
Incoming Executive Director of the Ballmer Institute
This page illustrates the use of some Digital Platform CSS formatting. Nothing too deep, and no specialized CSS needed, just a couple of source edits and well-chosen values for the envelope fields.
To achieve this effect, start with a Marketing page. In an Envelope, set the Envelope fields:
Envelope Style: Custom Background Parallax (Light)
Envelope Type: Standard
Envelope Classes: palette-bg-uo-yellow bg-pattern-prisms
Choose your desired Media Image and set the fields:
Align: Center
Display: Scale width 480
Then enter the quote text and attribution as separate paragraphs. For the attribution, separate the name and the institution by a line break (Shift-Enter). Use the Center button to center both quote text and attribution. Highlight the author's name and select the bold button, or press Ctrl-B (⌘-B on OS X).
Finally, select Source mode and add the class uo-text-size--lg to the quote paragraph and class uo-text-size--sm to the attribution.