Styles for TTJ


Basic Text:

This is a Heading2

<h2>This is a Heading2</h2>

This is a Heading3

<h3>This is a Heading3</h3>

This is a Heading4

<h4>This is a Heading4</h4>
This is a Heading5
<h5>This is a Heading5</h5>
This is a Heading6
<h6>This is a Heading6</h6>

Font Awsome Icons:

https://fortawesome.github.io/Font-Awesome/icons/

ex:for this icon we used

<i class="fa fa-bell"></i>

Blockquotes

This is a regular blockquote
<blockquote>
This is a regular blockquote
</blockquote>
This is a pink blockquote
<blockquote class="pink">
This is a pink blockquote
</blockquote>
This is a green blockquote
<blockquote class="green">
This is a green blockquote
</blockquote>
This is a yellow blockquote
<blockquote class="yellow">
This is a yellow blockquote
</blockquote>

Slebs:

sleb-green

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis

<div class="sleb-green">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis</p>
</div>
sleb-red

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis

<div class="sleb-red">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis</p>
</div>
sleb-blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis

<div class="sleb-blue">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis</p>
</div>
sleb-yellow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis

<div class="sleb-yellow">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis</p>
</div>
sleb-purple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis

<div class="sleb-purple">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis</p>
</div>
sleb-gray

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis

<div class="sleb-gray">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis</p>
</div>
sleb-slate

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis

<div class="sleb-slate">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum aliquam odio, non varius massa. Vestibulum iaculis enim sed lorem facilisis</p>
</div>

Buttons:

Links:

Lists:

Media:

Audio, Video, YouTube, Images, Slide Show,

TTJ Special:

This is a YC Comment

<div class="yc_comment">
<p>This is a YC Comment</p>
</div>