Top of page
Skip to main content
Main content

Alternating Images

An Alternating Images component creates multiple rows that alternate text alignment and image placement right and left.

Section 1

Etiam porta nibh vel facilisis proin vivamus id diam.

Button Text
Man overlooking a mountain lake.

Section 2

Sit vehicula mattis finibus tellus mi tempor nibh facilisi tellus eu.

Button Text
Man overlooking a mountain lake.

Section 3

Ante eu vehicula vulputate consectetur tellus facilisis lacinia dolor ac sed facilisi purus.

Button Text
Man overlooking a mountain lake.

Usability

When To Use Alternating Images

  • Minimal content to display
  • Few key elements for user to view

When Not to Use Alternating Images

  • Content heavy
  • Images have no informational value*
*Informational value is when the image relates to the content and is not displayed simply as decoration.