Page History

...

Examples of full-width and headshot modal cards and 1, 2, 3 columns
Default Modal for full-width cardsstyle. The header will be 50/50 for desktop and tablet, and full-width for mobile.	Modal for circle crop headshot. The layout will be the same in desktop, tablet, and mobile.
Modal with full-width image. Text overlaps image, with a dark gradient for contrast. Mobile/tablet sizes just have smaller text. Image AddedImage Added

Use Cases

• For storytelling or when you want to share a lot of information in a modal. The card displays a small amount of copy and the modal shows more detail.
• Example: Student stories on BBA Careers page

...

<figure class="wp-block-pullquote mx-0 my-4 text-start">
    <p class="fs-5">add quote here</p>
</figure>

Career Points (for T2L4)

Image Added

Just add the "career-points" class to any ul to get this styling.

<ul class="career-points">
 	<li>Point 1</li>
 	<li>Point 2</li>
 	<li>Point 3</li>
</ul>

Name Title Company (for T2L4)

Image Added

Where it says, img, just use the Add Media button and add whatever photo you like, making sure it's within the name-title-company div. 

Don't skip the divider element! If you forget it, the image won't appear.

<div class="name-title-company">
   <div class="text"><span class="name">Name</span>
   Title/Company
   Location</div>
   <div class="divider"></div>
   <img />
</div>

Supporting Images

...