Typography

This page presents typographical aspects. Make your readers happy with great Typography and User Experience!

Heading h1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean congue imperdiet elit, eget blandit nisl cursus id. Suspendisse tortor mauris.

Heading h2

Morbi congue aliquet nisi, eu ultricies eros porttitor ut. Integer commodo justo eu ligula aliquet ac sollicitudin enim pharetra. Nam quis facilisis ipsum. Donec ultricies congue neque eget ultricies. Nam ut faucibus magna.

Heading h3

In sit amet orci neque, ac bibendum felis. Etiam non fringilla nisi. Nulla viverra fringilla condimentum. In et lacus nibh, in congue nulla.

Heading h4

This is a Magazine Style Drop Cap. The first letter in this paragraph is big. Sed volutpat dignissim dignissim. In hac habitasse platea dictumst. Cras ultricies porta est, vel tincidunt sem luctus sed. Etiam ultricies eros non felis varius accumsan. Vestibulum nec est tellus, lobortis malesuada sapien. Aliquam quis elit at felis hendrerit semper. Vivamus eu imperdiet nulla.

This is a sample Blockquote. Use <blockquote>Your quote goes here!</blockquote> to form a quote!
This is a sample Blockquote. Use <blockquote><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> to form a quote!

UnOrdered list - Accept style

  • This is a sample Arrow list.
  • Use <ul class="arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.

UnOrdered list - Disc style

  • This is a sample Disc list.
  • Use <ul class="arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.

UnOrdered list - Tips style

  • This is a sample Tips list.
  • Use <ul class="arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.

UnOrdered list - Warning style

  • This is a sample Warning list.
  • Use <ul class="arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.

Sprite

Use <class="sprite accept">
Use <class="sprite add">
Use <class="sprite anchor">
Use <class="sprite arrow_right">
Use <class="sprite asterisk_orange">
Use <class="sprite bomb">
Use <class="sprite bullet_disk">
Use <class="sprite bullet_error">
Use <class="sprite calculator">
Use <class="sprite cancel">
Use <class="sprite cart">
Use <class="sprite cart_add" >
Use <class="sprite cart_delete">
Use <class="sprite cart_edit">
Use <class="sprite chart_line">
Use <class="sprite clock">
Use <class="sprite clock_red">
Use <class="sprite comments">
Use <class="sprite control_play">
Use <class="sprite control_play_blue">
Use <class="sprite cross">
Use <class="sprite help">
Use <class="sprite hourglass ">
Use <class="sprite key">
Use <class="sprite lightbulb">
Use <class="sprite lightbulb_off">
Use <class="sprite lightning ">
Use <class="sprite medal">
Use <class="sprite page_copy">
Use <class="sprite tag_orange ">
Use <class="sprite tag_pink">
Use <class="sprite tag_purple">
Use <class="sprite tag_red">
Use <class="sprite tag_yellow">
Use <class="sprite thumb_down">
Use <class="sprite thumb_up">
Use <class="sprite tick">
Use <class="sprite wand">
Use <class="sprite zoom">