Documentation

Background Theme Grey (.background-theme.grey): changes the background theme to grey
Background Theme Teal (.background-theme.teal): changes the background theme to teal
Background Color White (.background-color.white): changes the background color to a flat white
Background Image: applies a background image to the hero
Background Video: applies a background video to the hero
Background Card (.hero--card): applies a card to the hero

About

Hero Container

Organizing and Protecting the World's Business Information. Lorem ipsum dolor sit amet conse ctetur adipiscing elit sed do eiusm od tempor incididunt ut labore et. Amet conse ctetur adipiscing elit.

Learn More Learn More

About

Hero With Grey Theme

Organizing and Protecting the World's Business Information. Lorem ipsum dolor sit amet conse ctetur adipiscing elit sed do eiusm od tempor incididunt ut labore et. Amet conse ctetur adipiscing elit.

Learn More Learn More

About

Hero With Teal Theme

Organizing and Protecting the World's Business Information. Lorem ipsum dolor sit amet conse ctetur adipiscing elit sed do eiusm od tempor incididunt ut labore et. Amet conse ctetur adipiscing elit.

Learn More Learn More

About

Hero With White Background

Organizing and Protecting the World's Business Information. Lorem ipsum dolor sit amet conse ctetur adipiscing elit sed do eiusm od tempor incididunt ut labore et. Amet conse ctetur adipiscing elit.

Learn More Learn More

About

Hero With Video

Learn More

About

Hero With Image

Learn More

About

Hero With Card

Learn More

Title for Simplified Illustration of Rubrik Product

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.

Documentation

Column Adjust (.column-adjust): changes the columns to 75/25 and adds a broder to the right column

Eyebrow Example

Hero with Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.

Learn More Learn More

Eyebrow Example

Hero with Animation

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.

Learn More Learn More

Eyebrow Example

Hero with Image (Column Adjust)

Learn More Learn More

Hero Featured