Block Styles Solid foundation and integral part of the design.

Simple

Block Title

Simple block..

Block Title

With header background..

Block Title

Bordered block..

Block Title

Bordered block with header background..

Rounded

Block Title

Simple block..

Block Title

With header background..

Block Title

Bordered block..

Block Title

Bordered block with header background..

Links

Block Title

Simple opacity hover effect..

Block Title

Simple hover effect..

Block Title

Pop hover effect..

Block Title

Shadow hover effect..

Transparent

Block Title

Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.

Block Title

Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.

Options

Block Title

With button options to the right..

Block Title

With button options to the left..

  • Text 1
  • Text 2
  • Text 3

Block Title

With text items to the right..

  • Text 1
  • Text 2
  • Text 3

Block Title

With text items to the left..

Themed

Primary

Block’s content..

Primary Light

Block’s content..

Primary Dark

Block’s content..

Primary Darker

Block’s content..

Success

Block’s content..

Info

Block’s content..

Warning

Block’s content..

Danger

Block’s content..

Gray

Block’s content..

Gray Dark

Block’s content..

Gray Darker

Block’s content..

Black

Block’s content..

Amethyst

Block’s content..

Amethyst Light

Block’s content..

Amethyst Dark

Block’s content..

Amethyst Darker

Block’s content..

City

Block’s content..

City Light

Block’s content..

City Dark

Block’s content..

City Darker

Block’s content..

Flat

Block’s content..

Flat Light

Block’s content..

Flat Dark

Block’s content..

Flat Darker

Block’s content..

Modern

Block’s content..

Modern Light

Block’s content..

Modern Dark

Block’s content..

Modern Darker

Block’s content..

Smooth

Block’s content..

Smooth light

Block’s content..

Smooth Dark

Block’s content..

Smooth Darker

Block’s content..

Themed Rounded

Primary

Block’s content..

Primary Light

Block’s content..

Primary Dark

Block’s content..

Primary Darker

Block’s content..

Success

Block’s content..

Info

Block’s content..

Warning

Block’s content..

Danger

Block’s content..

Gray

Block’s content..

Gray Dark

Block’s content..

Gray Darker

Block’s content..

Black

Block’s content..

Amethyst

Block’s content..

Amethyst Light

Block’s content..

Amethyst Dark

Block’s content..

Amethyst Darker

Block’s content..

City

Block’s content..

City Light

Block’s content..

City Dark

Block’s content..

City Darker

Block’s content..

Flat

Block’s content..

Flat Light

Block’s content..

Flat Dark

Block’s content..

Flat Darker

Block’s content..

Modern

Block’s content..

Modern Light

Block’s content..

Modern Dark

Block’s content..

Modern Darker

Block’s content..

Smooth

Block’s content..

Smooth light

Block’s content..

Smooth Dark

Block’s content..

Smooth Darker

Block’s content..