Styles

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

This is a paragraph modipiciis2 dolupta2 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.

  1. This is an ordered list Della sit il ereped utet unt.
  2. Event ut dest quassimus re cusdani scitatiorrum reptio. Et ea nonsequiam re dolupta spelendem solor aut harum
  3. 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">

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.

<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

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.

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

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.

Girl With Grandmother At Home
This is a caption

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.

Girl With Grandmother At Home

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.

Buttons

Custom Icon 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
Scroll to Top