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

<blockquote class=”openlarge”>This is the Example Quote</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. Nam nulla.

 

<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>

 

Bubble Div Styles

* Please note all Bubble Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!

This is Bubble Red.
<div class=”bubble-red”>bubble-red</div>
This is Bubble Blue
<div class=”bubble-blue”>bubble-blue</div>
This is Bubble Green
<div class=”bubble-green”>bubble-green</div>
This is Bubble Cyan
<div class=”bubble-cyan”>bubble-cyan</div>

This is Bubble Tan
<div class=”bubble-tan”>bubble-tan</div>
This is Bubble Yellow
<div class=”bubble-yellow”>bubble-yellow</div>
This is Bubble Grey
<div class=”bubble-grey”>bubble-grey</div>
This is Bubble Pink
<div class=”bubble-pink”>bubble-pink</div>

 

Blog Div Styles

* Please note all Blog Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!

This is Blog Red

<div class=”blog-red”>blog-red</div>

This is Blog Blue

<div class=”>blog-blue”>blog-blue</div>

This is Blog Green

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

This is Blog Cyan

<div class=”blog-cyan”>blog-cyan</div>
This is Blog Tan

<div class=”blog-tan”>blog-tan</div>

This is Blog Yellow

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

This is Blog Grey

<div class=”blog-grey”>blog-grey</div>

This is Blog Pink

<div class=”blog-pink”>blog-pink</div>

 

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>

 

Button Styles

* Please note all Button Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!

<button class=”blue”>Blue Button</div>

<button class=”cyan”>Cyan Button</div>

<button class=”red”>Red Button</div>

<button class=”green”>Green Button</div>

<button class=”tan”>Tan Button</div>

<button class=”yellow”>Yellow Button</div>

<button class=”grey”>Grey Button</div>

<button class=”pink”>Pink Button</div>

<button class=”blue-pill”>Blue Pill Button</div>

<button class=”cyan-pill”>Cyan Pill Button</div>

<button class=”red-pill”>Red Pill Button</div>

<button class=”green-pill”>Green Pill Button</div>

<button class=”tan-pill”>Tan Pill Button</div>

<button class=”yellow-pill”>Yellow Pill Button</div>

<button class=”grey-pill”>Grey Pill Button</div>

<button class=”pink-pill”>Pink Pill Button</div>

UL List Styles

  • This is checklist
  • This is articlelist
  • This is starlist
  • This is arrowlist
  • This is xlist
  • This is astlist
  • This is movielist
  • This is bloglist
  • This is photolist
  • This is datelist

P Styles

This is a sample of the ‘error’ style.

This is a sample of the ‘ideas’ style.

This is a sample of the ‘message’ style.

This is a sample of the ‘astrix’ style.

This is com

This is mod

This is plug

This is lang

This is RSS

This is a sample of the ‘download’ style.

This is a sample of the ‘x’ style.

This is xblack

This is heart

This is photored

This is photoblue

This is photogreen

This is photoorange

This is photopink

This is photogrey

This is photoblack

This is starred

This is starblue

This is stargreen

This is starorange

This is stargrey