Sign up for a live Kubernetes or DevSecOps demo

Click here

Flexible Page

This lists out all of our current block components. Each type of component can be used multiple times. This specific header is using the simplest possible header with a title, description and white background.

Icon Grid - Landscape

This is the description field (optional) of the Icon Grid. There is no maximum length for this field. There is also no flexibility within this field - no rich text with links, bolding, etc - it's just plain text.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Icon Grid - Landscape - Raised

Notice the white container around each icon grid card.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Icon Grid - Stacked

This Icon Grid is the same as the previous examples, except the element in each card is stacked. Notice that Stacked has three cards across instead of two. Also notice the change in default background color.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Icon Grid - Stacked - Raised

This is the Raised version of the Stacked Icon Grid. In mobile, the cards will look the same as in the Icon Grid - Landscape - Raised version.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Have fun icon x2

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Rich Text with Image

The Rich Text with Image block places rich text on one side and an image on the other, each side taking up 50% of the containing width. There is an option to choose which element goes which side. Rich text options include: headings, bold, italics, underline, lists and links.

The list:

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
Rich Text with Image

Text Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu. Morbi sed eleifend felis, non consectetur arcu. Mauris eu eros id velit egestas varius vel vel libero.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet lorem arcu.

Secure your modern apps

“Sumo Logic has been phenomenal for helping us achieve our privacy and security goals. You really get the feeling that they are concerned with making sure that you’re going to be successful as an organization.”

Pokémon

John Visneski

Director of Information Security and Data Protection Officer

This is the Description with Logo Row block. There is no headline for this block - only this description. Up to six logos can be loaded.

Kubernetes logo 72h Logo Apache 72h Cisco logo 72h Crowdstrike logo 72h Cisco logo Kubernetes logo

FAQ

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec sit amet lorem arcu. Morbi sed eleifend felis, non consectetur arcu. Mauris eu eros id velit egestas varius vel vel libero. Nullam imperdiet odio eget ligula dictum finibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec sit amet lorem arcu. Morbi sed eleifend felis, non consectetur arcu. Mauris eu eros id velit egestas varius vel vel libero. Nullam imperdiet odio eget ligula dictum finibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec sit amet lorem arcu. Morbi sed eleifend felis, non consectetur arcu. Mauris eu eros id velit egestas varius vel vel libero. Nullam imperdiet odio eget ligula dictum finibus.

Video

We can only embed YouTube videos for now.

Rich Text

The above header uses the h1 header tag. This one uses the paragraph tag. Below lists all the other options in this rich text block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<script>
var x = 5;
document.getElementById("demo").innerHTML = (x == 8);
</script>

Heading 2

Heading 3

Heading 4
Heading 5

...and this concludes the Rich Text block.

Left/Right Image Block

This is very similar to the Rich Text with Image except this one gets a header and description above the image/text row.

Lorem ipsum

The Rich Text with Image block places rich text on one side and an image on the other, each side taking up 50% of the containing width. There is an option to choose which element goes which side. Rich text options include: headings, bold, italics, underline, lists and links.

The list:

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum

Lorem ipsum

The Rich Text with Image block places rich text on one side and an image on the other, each side taking up 50% of the containing width. There is an option to choose which element goes which side. Rich text options include: headings, bold, italics, underline, lists and links.

The list:

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum

Footer CTA

We can link to anything here. This footer block has static placement at the bottom and is optional.