Documentation

  • Reverse ( .text-image__reverse ): Reverse the flex order of text and image.
  • Offset ( .text-image__offset ): Offsets text and image from being horizontally aligned, styles the text half to have a card-like appearance

Text Image Component

Image alt

Here is an example title

Rubrik is the world’s first Cloud Data Management platform that delivers data protection, search, analytics, and copy data management to hybrid cloud enterprises.

Read More
test image

Text Image Component (Reversed)

Here is an example title

Rubrik is the world’s first Cloud Data Management platform that delivers data protection, search, analytics, and copy data management to hybrid cloud enterprises.

“Every morning, our maintenance staff and operational staff do a safety check for the Nickelodeon Universe amusement rides, a process done via paper for the past 20 years,”

Rombert Lazo, Director of IT
James McHugh Construction alt text
test image

Text Image Component (Offset)

Here is an example title

Here is an example description for the offset example of the text image component.

Read More
test image

Text Image Component (Offset & Reversed)

Here is an example title

Here is an example description for the offset example of the text image component.

Read More
test image

Text Image Component (Grey Green Background)

Here is an example title

Here is an example description for the offset example of the text image component.

Read More
test image

Text Image Component (Card Listing)

Title of section can go here if needed

Placeholder alt text

Relentless

Lorem ipsum dolor sit amet consectetur adipi elit.

Placeholder alt text

Relentless

Lorem ipsum dolor sit amet consectetur adipi elit amet consectetur adipi elit. amet consectetur adipi elit.amet consectetur adipi elit.amet consectetur.

Placeholder alt text

Relentless

Lorem ipsum dolor sit amet consectetur adipi elit.

Placeholder alt text

Relentless

Lorem ipsum dolor sit amet consectetur adipi elit amet consectetur adipi elit..

test image