Special Blocks


Columns

Do we need styles for 2, 3, 4… or multiples of 2 & 3?

Formerly: Columns +

CSS Class: block-85

Block Picker Tags: text, photo, cta, column — add: button

Column One

The column is the thing. It’s why we do the stuff we do. It’s nifty.

Column Two

Dogs and cats do not like fishes and swishes. Yellow bellied sap suckers.

Column 1

Column 2

Column 3

Column 1

Column 2

Column 3

Column 4

Columns without full-width

Tony lee 8ikf54pc3qk unsplash.jpg?ixlib=rails 2.1

Italian Café

The creative exchange d1ngw7snehm unsplash.jpg?ixlib=rails 2.1

A Creative Space

Roman kraft p8zdqz8y2vc unsplash.jpg?ixlib=rails 2.1

The Bakery

Joshua rodriguez f7zm5tdoi4g unsplash.jpg?ixlib=rails 2.1

Coffee Required

Allef vinicius p2boe6tb8ig unsplash.jpg?ixlib=rails 2.1

A Place for Work


Divider

CSS Class: block-28

Block Picker Tags: divider

Divider without full-width


Hero, Optional Graphic, Text, Button

Formerly: Hero Optional Graphic, Text, CTA

CSS Class: block-85

Block Picker Tags: hero, text, photo, cta, column — add: button

Tony lee 8ikf54pc3qk unsplash.jpg?ixlib=rails 2.1
Star.svg?ixlib=rails 2.1

A Café for Two

I don’t know who all the other people are.

Find Out

Hero, Optional Graphic, Text, Button without full-width

Tony lee 8ikf54pc3qk unsplash.jpg?ixlib=rails 2.1

Hero Video, Optional Text & Button

Formerly: Hero Video Optional Text & CTA

CSS Class: block-77

Block Picker Tags: hero, text, video, embed, cta, column — add: button

Content Over the Video

Watch on YouTube

Hero Video, Optional Text & Button without full-width


Navigation Tiles

CSS Class: block-83

Block Picker Tags: navigation

Navigation Tiles without full-width

Text Styles

Learn More

1 Column Blocks

Learn More

2 Column Blocks

Learn More

3 Column Blocks

Learn More

Special Blocks

Learn More

Modifier Classes

Learn More