Styles

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading

h6 heading

This is a paragraph modipiciis₂ dolupta² dollatem quissi cumquassunte this is a link ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

This is an unordered list utet unt.
Event ut dest quassimus re cusdani scitatiorrum reptio. Et ea nonsequiam re dolupta spelendem solor aut harum
- qui il mod quatusda
- comnim volo et porum
- quassimus re cusdani scitatiorrum reptio.
voluptatis evel et voluptia cumquam quia que con num aciam

This is a bold link Alit expersp edipicaepra sunt ullabor epeles endae in consedio ipiendam facea vent dolupti onsecest, sit labor sincia doluptam nis et alitat alistru ptibus nonempo ssimpore modi berestrum ius, nis ium ut rem nullendios cum nes qui conseru ptataspe pore dolorat ecest, te cones ditios istis dolorum res ne net dolor si nobitam.

This is an ordered list Della sit il ereped utet unt.
Event ut dest quassimus re cusdani scitatiorrum reptio. Et ea nonsequiam re dolupta spelendem solor aut harum
voluptatis evel et voluptia cumquam quia que con num aciam

This is a blockquote Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

Minerva Modern font

Minerva Modern Regular 400

Minerva Modern Bold 700

Poppins font

Poppins Light 300

Poppins Regular 400

Poppins Medium 500

Poppins Bold 700

<h1> Lorem ipsum dolor sit amet

<h2 class="jr-fake-h1">

Modipiciis dolupta dollatem quissi cumquassunte This is a link ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h2> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

<h3 class="jr-fake-h2">

Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h3> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

<h2 class="jr-fake-h3">

<h4> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Modipiciis dolupta This is a link dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h5> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

<h6> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Girl With Grandmother At Home

Buttons

BB Button + UI style

BB Button + UI Style (Light)

Button White

Custom Icons Font

Custom CSS helpers

INTRO TEXT
Bigger text

jr-intro

MIMIC A HEADING STYLE
E.g. make h2 look like h3

jr-fake-h1 jr-fake-h2 jr-fake-h3

REMOVE PARAGRAPH <p> BOTTOM MARGIN

jr-no-margin-b

REDUCE SPACE BETWEEN ELEMENTS <li> IN A LIST

jr-list-small-margin-b jr-list-no-margin-b

BB FULL WIDTH COLUMNS WITH BOXED CONTENT

E.g. Home page

2 columns in a row / Boxed content total max width = 1200px

Set row and columns to full width
Set classes on columns

jr-full-width-col-boxed-cont jr-left-50-50 jr-full-width-col-boxed-cont jr-right-50-50 jr-full-width-col-boxed-cont jr-left-50-50 jr-large-padding

BB EQUALIZED HEIGHT COLUMNS WITH CUSTOM ALIGNMENTS
E.g. Home page

2 columns in a row

Set columns to Equalize heights / Vertical Alignement Top
2 stacked elements in a column
Set class on top level column

Option 1

1st: Module / Left Top aligned
2d: Nested column / Center Center aligned

jr-col-align-lt-cc

Option 2

1st: Module / Left Top aligned
2d: Nested column / Center Top aligned

jr-col-align-lt-ct

Option 3

1st: Nested column / Top aligned
2d: Nested column / Bottom aligned

jr-col-align-t-b

BB NARROW COLUMN
E.g. Home page

BB column / Max width = 324px / Center aligned

Set class on column

jr-narrow-col