Typography

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis.

Lists

This is check list type

  • Lorem ipsum dolor sit amet, consectetur adipiscing.
  • Cras vitae ipsum eget mauris commodo viverra.
  • Donec sed nisl justo, ut scelerisque lacus.
  • Donec rhoncus mauris dapibus ante porta.
<ul class="checkmark">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

Checkmark Red

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Cras vitae ipsum eget mauris commodo viverra.
  • Donec sed nisl justo, ut scelerisque lacus.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="checkmark red">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

Checkmark Blue

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Cras vitae ipsum eget mauris commodo viverra.
  • Donec sed nisl justo, ut scelerisque lacus.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="checkmark blue">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

Checkmark Black

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Cras vitae ipsum eget mauris commodo viverra.
  • Donec sed nisl justo, ut scelerisque lacus.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="checkmark black">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

Checkmark Green

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Cras vitae ipsum eget mauris commodo viverra.
  • Donec sed nisl justo, ut scelerisque lacus.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="checkmark green">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

This is plus list type.

  • Lorem ipsum dolor sit amet, consectetur adipiscing.
  • Cras vitae ipsum eget mauris commodo viverra.
  • Donec sed nisl justo, ut scelerisque lacus.
  • Donec rhoncus mauris dapibus ante porta at ornare.
<ul class="pin">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta at.</li>
</ul>

Pushpin Red

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Cras vitae ipsum eget mauris commodo viverra.
  • Donec sed nisl justo, ut scelerisque lacus.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="pin red">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

Pushpin Blue

  • Lorem ipsum dolor sit amet, consectetur adipiscing.
  • Excepteur occaecat cupidatat non proident.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="pin blue">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

Pushpin Black

  • Lorem ipsum dolor sit amet, consectetur adipiscing.
  • Excepteur occaecat cupidatat non proident.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="pin black">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>

Pushpin Green

  • Lorem ipsum dolor sit amet, consectetur adipiscing.
  • Excepteur sint occaecat cupidatat non proident.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Donec rhoncus mauris dapibus ante porta at ornare magna tincidunt.
<ul class="pin green">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing.</li>
<li>Cras vitae ipsum eget mauris commodo viverra.</li>
<li>Donec sed nisl justo, ut scelerisque lacus.</li>
<li>Donec rhoncus mauris dapibus ante porta.</li>
</ul>



Unordered List - Disc

  • The Green Lantern
  • Superman
  • Batman
  • Captain America
  • Spiderman
<ul class="disc">
<li>The Green Lantern</li>
<li>Superman</li>
<li>Batman</li>
<li>Captain America</li>
<li>Spiderman</li>
</ul>

Ordored List

  1. The Green Lantern
  2. Superman
  3. Batman
  4. Captain America
  5. Spiderman
<ol>
<li>The Green Lantern</li>
<li>Superman</li>
<li>Batman</li>
<li>Captain America</li>
<li>Spiderman</li>
</ol>

Unordered List - Square

  • The Green Lantern
  • Superman
  • Batman
  • Captain America
  • Spiderman
<ul class="square">
<li>The Green Lantern</li>
<li>Superman</li>
<li>Batman</li>
<li>Captain America</li>
<li>Spiderman</li>
</ul>




'H' Tags

The 'h' tags color can be set using the Page Inspetor

This is an example h1 tag

Morbi a eros sed nisi laoreet molestie. Nulla facilisi. Duis condimentum molestie lacus ac tincidunt.

This is an example h2 tag

Donec iaculis mollis mauris, quis molestie est condimentum a. Pellentesque eu sapien eu augue cursus porta.

This is an example h3 tag

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Fusce et ipsum et nulla tristique facilisis.

This is an example h4 tag

Duis eu velit turpis. Duis ac ipsum sed metus feugiat sollicitudin. Nullam erat lacus, mattis et suscipit vitae, gravida in neque.

This is an example h5 tag

Fusce dictum fringilla porta. Duis scelerisque, est et vestibulum rhoncus, nisi tellus porta tellus, sit amet faucibus nisl nisl in est.

This is an example h6 tag

Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis.




Pullquotes & Blockquotes

Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

When you grow up you tend to get told the world is the way it is and you’re life is just to live your life inside the world. Try not to bash into the walls too much. Try to have a nice family, have fun, save a little money.

That’s a very limited life. Life can be much broader once you discover one simple fact: Everything around you that you call life was made up by people that were no smarter than you and you can change it, you can influence it, you can build your own things that other people can use.

Once you learn that, you’ll never be the same again.

Steve Jobs
Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Vivamus placerat cursus lorem, id mollis enim cursus quis. Pellentesque ac tortor ac quam hendrerit pharetra. Integer turpis eros, vulputate et pellentesque rhoncus, tincidunt sodales est. Aliquam volutpat egestas leo vitae pretium. Sed et urna nisi, aliquet faucibus magna.

This is Blockquote. Sed iaculis, purus quis imperdiet laoreet, dui arcu vulputate urna, non molestie enim tellus a metus. Pellentesque ac tortor ac quam hendrerit pharetra.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.

Vivamus placerat cursus lorem, id mollis enim cursus quis. Pellentesque ac tortor ac quam hendrerit pharetra. Integer turpis eros, vulputate et pellentesque rhoncus, tincidunt sodales est. Aliquam volutpat egestas leo vitae pretium. Sed et urna nisi, aliquet faucibus magna.


This is a sample of the code for a pull-quote

<blockquote class="pullquote">
<p>Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl quisque aliquam. </p>
<cite>Lorum Ipsum</cite>
</blockquote>