You are here:

Typography

The styles below are used by appending a class to a tag.

This is an image with the class "border_img"
Enter class name to img tag <img class="border_img" />

border


Default list example

  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

This is a list with the class "linked"
Enter class name to ul tag <ul class="linked" />

 


This is a list with the class "square"
Enter class name to ul tag <ul class="square" />

 

  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

This is a read more link with the class "readon"
Enter class name to a tag <a class="readon" />

read more

This is a read more link with the class "readon_green"
Enter class name to a tag <a class="readon_green" />

read more

This is a read more link with the class "readon_orange"
Enter class name to a tag <a class="readon_orange" />

read more

This is a read more link with the class "readon_pink"
Enter class name to a tag <a class="readon_pink" />

read more

this is a paragraph with the class "blue"
<p class="blue" > Text goes here</p>

this is a paragraph with the class "green"
<p class="green" > Text goes here</p>

this is a paragraph with the class "orange"
<p class="orange" > Text goes here</p>

this is a paragraph with the class "pink"
<p class="pink" > Text goes here</p>

this is a paragraph with the class "grey"
<p class="grey" > Text goes here</p>


this is a paragraph with the class "bluefill"
<p class="bluefill" > Text goes here</p>

this is a paragraph with the class "greenfill"
<p class="greenfill" > Text goes here</p>

this is a paragraph with the class "orangefill"
<p class="orangefill" > Text goes here</p>

this is a paragraph with the class "pinkfill"
<p class="pinkfill" > Text goes here</p>

this is a paragraph with the class "greyfill"
<p class="greyfill" > Text goes here</p>

this is a paragraph with the class "dark1"
<p class="dark1" > Text goes here</p>

this is a paragraph with the class "dark2"
<p class=dark2" > Text goes here</p>

this is a paragraph with the class "quote"
<p class="quote" > Text goes here</p>


This is Heading One (h1)

This is Heading Two (h2)

This is Heading Three (h3)

This is Heading Four (h4)

This is Heading Five (h5)
This is Heading Six (h6)