Component Libary

A list of all custom Gutenberg Blocks.

Block: Title and Subtitle

Lorem ipsum

Lorem ipsum dolor sit amet.

Block: Divider

Gray and blue options.

Block: Homepage Hero

Lorem ipsum  one two three

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Hero 1

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Hero 2

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Card Grid – Title Top

Lorem ipsum

Lorem ipsum dolor sit amet.

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Card Grid – Title Left

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Icon Cards

Title Card

Lorem

Lorem ipsum dolor sit amet.

Add a title here.

Lorem ipsum dolor sit amet.

Lorem ipsum
Lorem ipsum
Lorem ipsum

Block: Featured Content

Block: Video and Download Cards

Lorem ipsum

Lorem ipsum dolor sit amet.

Lorem ipsum

Lorem ipsum dolor sit amet.

Firstname Lastname
CEO, Acme Inc.
Lorem ipsum

Lorem ipsum dolor sit amet.

Block: Video Slider

Lorem ipsum dolor sit amet

“Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.”
Firstname Lastname    CEO, Acme, Inc.
Watch video

Lorem ipsum dolor sit amet

“Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.”
Firstname Lastname    CEO, Acme, Inc.
Watch video

Lorem ipsum dolor sit amet

“Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.”
Firstname Lastname    CEO, Acme, Inc.
Watch video

Block: Large Quote

Lorem ipsum dolor sit amet

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
Firstname Lastname CEO, Acme, Inc.

Block: Wysiwyg

Text and images.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet.

Block: Tabbed Content

Tab one
Tab two
Tab three
Tab one

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Tab two

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Tab three

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Accordion

Lorem ipsum

Lorem ipsum dolor sit amet

add_circle_outline
Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

  • One
  • Two
  • Three
add_circle_outline
Lorem ipsum

Lorem ipsum dolor sit amet.

add_circle_outline
Lorem ipsum

Lorem ipsum dolor sit amet.

add_circle_outline
Lorem ipsum

Lorem ipsum dolor sit amet.

Block: Video File Embed

Block: Pricing Table

Standard

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

One
Two
Three
Professional

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

One
Two
Three
Enterprise

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

One
Two
Three

Block: Columns +
Block: Contact Form Copy +
Block: Custom HTML

Add a ‘Columns’ block, and then choose 50/50 for 2 columns.
Then add a ‘Contact Form Copy’ block in the left column and a ‘Custom HTML’ block in the right column.

Add Marketo form embed code

In the Custom HTML block.

Block: Trust Radius

What our customers are saying on TrustRadius

Block: Client Logos

Google Workspace Logo px
logo orifarm color
horne llp testimonial logopx
Hill Knowlton Logo Full Colorpx
sagem

Block: CTA 1

Add a title here

Add a subtitle here.

Block: CTA 2

Add a title here

Add a subtitle here.

SCHEDULE A DEMO

or

contact us with questions

Block: CTA 3

Add a title here

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Button!

Block: CTA 4

Add a title here

Add a subtitle here.

Block: CTA 5

Button!

or

Get started, contact M-Files Sales

Lorem ipsum

Lorem ipsum dolor sit amet.

Block: Image and Copy – 1

Add a title here.

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Image and Copy – 2

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Image and Copy – 3

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Image and Copy – 4

Lorem ipsum

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Block: Image and Copy – 5

Lorem ipsum

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum

Block: Image and Copy – 6

Lorem ipsum

Lorem ipsum dolor sit amet

Lorem ipsum

Lorem ipsum dolor sit amet