Base Typography

This is an H1 Heading

<h1>This is an H1 Heading</h1>

This is an H2 Heading

<h2>This is an H2 Heading</h2>

This is an H3 Heading

<h3>This is an H3 Heading</h3>

This is an H4 Heading

<h4>This is an H4 Heading</h4>

This is an H5 Heading

<h5>This is an H5 Heading</h5>

D

ropcap Styling for article intros and much more. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nunc lorem, eleifend vel, rhoncus sed, congue quis, leo. Aliquam dignissim dui quis purus. Phasellus vehicula, ante eu mollis pharetra, enim felis iaculis lacus, congue ullamcorper lorem eros at libero.

<div class="dropcap">D</div>ropcap Styling

This is the Example Quote Class this can be used to create quotes in article pages by using the code below

<blockquote class="opensmall">This is the Example Quote Class</blockquote>

Example LG Quote Class

<blockquote class="openlarge">This is the Example Quote Class</blockquote>

This is the code div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien.

<div class="code">This is the code div class</div>

This is the highlight div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing 

mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.

<div class="highlight">This is the highlight div class</div>

Blog Div Styles

This is Blog Red

This is Blog Blue

This is Blog Green

<div class="blog-green">blog-green</div>

This is Blog Cyan

This is Blog Tan

This is Blog Yellow

<div class="blog-yellow">blog-yellow</div>

This is Blog Grey

This is Blog Pink

Note Style

This the note style. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.

<div class="note">This is note style</div>

Flat Button Styles

<button class="btnblue">Blue Button</button>

<button class="btnred">Red Button</button>

<button class="btngreen">Green Button</button>

<button class="btngrey">Grey Button</button>

<button class="btnyellow">Yellow Button</button>

<button class="btnorange">Orange Button</button>

P Styles

Error style

Ideas style

Message style

Astrix style

This is com

This is mod

This is plug

This is lang

This is RSS

Font Awesome Icons v.4

rub

ruble (alias)

rouble (alias)

pagelines

stack-exchange

arrow-circle-o-right

arrow-circle-o-left

caret-square-o-left

toggle-left (alias)

dot-circle-o

wheelchair

vimeo-square

try

turkish-lira (alias)

plus-square-o

Web Application Icons

adjust

anchor

Form Control Icons

check-square

check-square-o

circle

circle-o

dot-circle-o

minus-square

minus-square-o

plus-square

plus-square-o

square

square-o

Currency Icons

bitcoin (alias)

btc

cny (alias)

dollar (alias)

eur

euro (alias)

gbp

inr

jpy

krw

money

rmb (alias)

rouble (alias)

rub

ruble (alias)

rupee (alias)

try

turkish-lira (alias)

usd

won (alias)

yen (alias)

Text Editor Icons

align-center

align-justify

align-left

align-right

bold

chain (alias)

chain-broken

clipboard

columns

copy (alias)

cut (alias)

dedent (alias)

eraser

file

file-o

file-text

file-text-o

files-o

floppy-o

font

indent

italic

link

list

list-alt

list-ol

list-ul

outdent

paperclip

paste (alias)

repeat

rotate-left (alias)

rotate-right (alias)

save (alias)

scissors

strikethrough

table

text-height

text-width

th

th-large

th-list

underline

undo

unlink (alias)

Directional Icons

angle-double-down

angle-double-left

angle-double-right

angle-double-up

angle-down

angle-left

angle-right

angle-up

arrow-circle-down

arrow-circle-left

arrow-circle-o-down

arrow-circle-o-left

arrow-circle-o-right

arrow-circle-o-up

arrow-circle-right

arrow-circle-up

arrow-down

arrow-left

arrow-right

arrow-up

arrows

arrows-alt

arrows-h

arrows-v

caret-down

caret-left

caret-right

caret-square-o-down

caret-square-o-left

caret-square-o-right

caret-square-o-up

caret-up

chevron-circle-down

chevron-circle-left

chevron-circle-right

chevron-circle-up

chevron-down

chevron-left

chevron-right

chevron-up

hand-o-down

hand-o-left

hand-o-right

hand-o-up

long-arrow-down

long-arrow-left

long-arrow-right

long-arrow-up

toggle-down (alias)

toggle-left (alias)

toggle-right (alias)

toggle-up (alias)

Video Player Icons

arrows-alt

backward

compress

eject

expand

fast-backward

fast-forward

forward

pause

play

play-circle

play-circle-o

step-backward

step-forward

stop

youtube-play

Brand Icons

All brand icons are trademarks of their respective owners.
The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.

adn

android

apple

bitbucket

bitbucket-square

bitcoin (alias)

btc

css3

dribbble

dropbox

facebook

facebook-square

flickr

foursquare

github

github-alt

github-square

gittip

google-plus

google-plus-square

html5

instagram

linkedin-square

linux

maxcdn

pagelines

pinterest-square

renren

skype

stack-exchange

stack-overflow

trello

tumblr

tumblr-square

twitter

twitter-square

vimeo-square

vk

weibo

windows

xing

xing-square

youtube

youtube-play

youtube-square

Medical Icons

ambulance

h-square

hospital-o

medkit