Headings

Heading Option 1

Heading titles can be used with any component, block or content.

default demo

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

custom font styles

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

custom colors

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

heading sizes

Default Size

Cras sit amet nibh libero, in gravida nulla

Medium Size

Cras sit amet nibh libero, in gravida nulla

Small Size

Cras sit amet nibh libero, in gravida nulla

with icons

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

without line

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

Heading Option 2

Heading titles can be used with any component, block or content.

default demo

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

custom font styles

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

custom colors

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

heading sizes

Default Size

Cras sit amet nibh libero, in gravida nulla

Medium Size

Cras sit amet nibh libero, in gravida nulla

Small Size

Cras sit amet nibh libero, in gravida nulla

with icons

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Centered Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

full width

Centered Title

Cras sit amet nibh libero, in gravida nulla

without dot

Centered Title

Cras sit amet nibh libero, in gravida nulla

Heading Option 3

Heading titles can be used with any component, block or content.

default demo

Left Aligned Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

Right Aligned Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

custom font styles

Left Aligned Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

Right Aligned Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

custom colors

Left Aligned Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

Right Aligned Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

heading sizes

Default Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

Medium Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

Small Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus

with icons

Left Aligned Title

Cras sit amet nibh libero, in gravida nulla

Right Aligned Title

Cras sit amet nibh libero, in gravida nulla

full width

Centered Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus