Skip to main content
FreddieMac.com

Offset Media Panels

Examples of Indented and Video Offset Panels.

Indented Offset Panels

This component is limited to landing pages only, and includes options to place the image on either the left or right side and to add up to 2 CTA buttons. 

Indented Offset Panel with Eyebrow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Parents playing with children
Parents playing with children

Indented Offset Panel with Two CTAs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Indented Offset Panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Parents playing with children
Parents playing with children

Indented Offset Panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Indented Offset Panel

The orange background is solid, the animated chevron background only applies to blue, navy, green and teal.

Indented Offset Panel

The concrete background is solid, the animated chevron background only applies to blue, navy, green and teal.

Offset Media Panels 

This component is limited to landing pages only, and supports only 1 CTA button, a video link, and one image. Swapping source order to place the image first is not yet supported by the component when this option is selected.

Video Offset Panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Learn More

Video Offset Panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Learn More

Video Offset Panel on White

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Learn More

Video Offset Panel with no Video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Click me

Video Offset Panel with No Video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Learn More

Video Offset Panel on White

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper dui eget leo facilisis facilisis. Nam aliquet eu ligula a commodo.

Learn More

Video Offset Panel with No Video

The orange background is solid, the animated chevron background only applies to blue, navy, green and teal.

Learn More

Video Offset Panel with No Video

The concrete background is solid, the animated chevron background only applies to blue, navy, green and teal.

Learn More