Typography

Heading

Paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Unordered list

This is a list item
This is a list item
This is a list item

Ordered list

This is a list item
This is a list item
This is a list item

Paragraphe large

Rich text

This is an h2 heading inside rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

This is an h3 heading inside rich text

This is an h4 heading inside rich text

This is a list inside a rich text
This is a list inside a rich text
This is a list inside a rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Background color

bg-blUE-biloba

bg-white

bg-brown

bg-sand

bg-sea-green

bg-persian-violet

bg-white-grey

bg-black

bg-todler-blue

bg-light-blue

Text

Color

text-black

text-light-blue

text-brown

text-sea-green

text-persian-violet

text-blue-biloba

text-white

Alignement

text-left

text-center

text-right

Links & buttons

Télécharger

Links

Text Link

Grid & Flex box

col

grid desktop

col-lg-1

col-lg-11

col-lg-2

col-lg-10

col-lg-3

col-lg-9

col-lg-4

col-lg-8

col-lg-5

col-lg-7

col-lg-6

col-lg-12

grid Tablet

col-md-1

col-md-11

col-md-2

col-md-10

col-md-3

col-md-9

col-md-4

col-md-8

col-md-5

col-md-7

col-md-6

col-md-12

grid Mobile

col-xs-1

col-xs-11

col-xs-2

col-xs-10

col-xs-3

col-xs-9

col-xs-4

col-xs-8

col-xs-5

col-xs-7

col-xs-6

col-xs-12

Col left - Col right / row full width

col left

col right

Alignement

Align start

align-start

Align center

align-center

Align end

align-end

Align stretch

align-stretch

Justify start

justify-start

Justify center

justify-center

Justify end

justify-end

end

Justify between

justify-between

Justify around

justify-around

Self align columns

self-start

self-center

self-end

Spacing

Margin

margin bottom 8

margin bottom 4

margin bottom 3

margin bottom 2

margin bottom 1

margin bottom 0.5

margin bottom 0.2

margin 0

margin top 0.2

margin top 0.5

margin top 1

margin top 2

margin top 3

margin top 4

margin top 8

Padding

padding bottom 8

padding bottom 4

padding bottom 3

padding bottom 2

padding bottom 1

padding bottom 0.5

padding bottom 0.2

padding 0

padding top 0.2

padding top 0.5

padding top 1

padding top 2

padding top 3

padding top 4

padding top 8

Margin

margin left 0.2

margin left 0.5

margin left 1

margin left 2

margin left 4

margin left 8

margin right 0.2

margin right 0.5

margin right 1

margin right 2

margin right 4

margin right 8

Padding

padding left 0.2

padding left 0.5

padding left 1

padding left 2

padding left 4

padding left 8

padding right 0.2

padding right 0.5

padding right 1

padding right 2

padding right 4

padding right 8