Typography
Basic typography

H1 Tag Header

Vivamus non massa eu massa ornare vulputate id ac velit. Pellentesque nunc nulla, faucibus at pretium eu, fringilla ut dui.

H2 Tag Header

Mauris luctus nisi sed erat pharetra nec hendrerit mi sagittis. Pellentesque nulla erat, varius nec sagittis a, pretium et est.

H2 Tag Header

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus a lacus massa

H2 Tag Header

Cras nec nunc sit amet mi dictum sagittis id vitae est. Aliquam id dolor non metus aliquam faucibus nec pretium mi vestibulum

H2 Tag Header

Praesent nec leo arcu. Nulla facilisi. Aenean neque arcu, laoreet in bibendum sed, tincidunt consectetur dolor.

H2 Tag Header

Integer dui felis, varius quis vulputate egestas, suscipit ac nisi. Vestibulum sed odio lectus, a dictum enim

Syntax highlighter
Inspect
    $( ".datepicker" ).datepicker({ 
    defaultDate: +7,
    showOtherMonths:true,
    autoSize: true,
    appendText: '(dd-mm-yyyy)',
    dateFormat: 'dd-mm-yy',
    });	
Standard labels
dictum sagittis dictum sagittis dictum sagittis dictum sagittis
Bootstrap labels
Default Success Warning Important Info Inverse
Green tip
  • Lorem ipsum dolor sit amet augue
  • Pellentesque faucibus, urna ac cursus
Simple arrow
  • Praesent lobortis tristique malesuada.
  • Vivamus sit amet lacus ut augue tristique
Info list
  • Ut dictum felis eget eros porta vehicula
  • Duis egestas mollis neque eu faucibus
Warning list
  • Sed vel nulla ut urna cursus feugiat quis
  • Cras ut risus id magna mollis commodo nec
Ordered list
  1. Sed viverra risus et tellus accumsan vestibulum
  2. Quisque quis libero arcu. Aliquam ut orci
List with icons
  • Mauris porta arcu sit amet sem mollis
  • Duis et urna quis odio tincidunt vehicula eu
Infinite symbol
  • Pellentesque lectus tortor, aliquet sit amet
  • Nunc sed odio sit amet lorem auctor
Simple tip
  • Vivamus ut sapien est, a malesuada mi
  • Maecenas a risus nisl, in mattis felis