This page uses Block Clean template, which eliminates main container max width and removes the page title.

To compensate for this, use nested containers when you need container in .alignwide style.

Section title

Section title

Section title – accent, Offset

Section title – Red, Center

Section title – Violet, Contained

  • with background
  • text color
  • with background
  • .alignwide
  • with background
  • .alignfull
  • with background
  • .alignwide
  • no vertical padding
  • no horizontal podding
  • border-radius
  • container inside container (with background color)
  • .alignwide
  • border-radius

Two Column Image Content

  • Hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero orci, interdum quis vulputate vel, auctor ac velit. Fusce pretium ligula non neque aliquet consequat. Nullam hendrerit nunc a leo ornare efficitur.

Ut eros mi, maximus et porttitor in, gravida et justo. Vestibulum tincidunt pretium nisl in suscipit.

Two Column Image Content

  • Background color
  • Reversed
  • Connected
Test components

Two Column Image Content

  • Connected
  • Indented
Test components

Hero Media, 40vh

Hero Media, 40vh, .alingwide

Hero Media, 40vh, .alignfull

Hero Media, 40vh, .alingwide, inside container

Show on mobile

Show on tablet

Show on desktop

Show on mobile

Show on tablet and desktop

CSS Classes (modifiers)

.font-regular

.font-regular-medium

.font-alt-regular

.font-alt-medium

.font-alt-ultrabold

.text–primary

.text–secondary

.text–accent

.text–yellow

.text–violet

.text–green

.text–orange

.text–red

.text–capitalize

.text–uppercase

Sveže novičke