Dividers

Use these dividers anywhere you want to separate some sections.

Learn how to use Blocks »

Divider 1

Purpose: Divider with title
Layout: Horizontal line with a title in the center
Content: Horizontal lines on both sides, title in the middle

Divider Title

Divider 2

Purpose: Divider with centered icon
Layout: Three sections in a row - two lines on the sides and an icon in the middle
Content: Horizontal lines and a square icon

Divider 3

Purpose: Separator with a diamond shape in the center
Layout: Horizontal line with a diamond shape in the middle
Content: None

Divider 4

Purpose: Divider with centered icon
Layout: Three columns with flexible dividers on the left and right and an icon in the center
Content: Horizontal lines and an icon

SVG Divider 5

Purpose: Divider with centered icon
Layout: Three sections in a horizontal row
Content: Horizontal lines on both sides, icon in the middle

SVG Divider 6

Purpose: Divider with an icon
Layout: Horizontal line with an icon in the center
Content: Line, icon

SVG Divider 7

Purpose: Divider with an icon
Layout: Three elements in a row - line, icon, line
Content: Horizontal line, icon (SVG), horizontal line

SVG Divider 8

Purpose: Decorative SVG background
Layout: Full-width container with an SVG element inside
Content: Scalable vector graphic with customizable color and size

SVG Divider 9

Purpose: Decorative SVG element
Layout: Single full-width container
Content: SVG graphic with custom color

SVG Divider 10

Purpose: Decorative SVG background
Layout: Full-width SVG container
Content: SVG graphic with custom colors

SVG Divider 11

Purpose: Decorative SVG background
Layout: Full-width container with a scalable vector graphic
Content: SVG element with a custom graphic

SVG Divider 12

Purpose: Decorative background element
Layout: Full-width SVG container
Content: SVG graphic with gray background and white text

SVG Divider 13

Purpose: Decorative SVG background
Layout: Full-width single row with an SVG element
Content: Scalable vector graphic (pg_svg1)

SVG Divider 14

Purpose: Decorative SVG element
Layout: Single full-width container
Content: Scalable vector graphic (SVG) with a specific aspect ratio and color

SVG Divider 15

Purpose: Decorative SVG element
Layout: Single container with an embedded SVG
Content: Scalable vector graphic (pg_svg1) with a specific color and size

Divider 16

Purpose: Divider with title
Layout: Centered title with a horizontal line below
Content: Title and a horizontal line-divider

Divider title

Divider 17

Purpose: Two-section content block with an overlapping icon
Layout: Two vertically stacked sections with centered content
Content: Text content in each section, and an icon in the middle of the sections

Content

Content

Divider 18

Purpose: Section with two content blocks
Layout: Two stacked content blocks with a diagonal separator
Content: Text content in each block

Content

Content

Switch Fullwidth