Shown below are a few of the styles and headings which are formatted in the CSS in this template:

Heading 1

Heading 2

Heading 2 - Alternate

Heading 2 - Alternate 2

Heading 3

Heading 4

Heading 5

Heading 6

Blockquotes. You can choose to have a blockquote that goes all the way across the page. Just add <blockquote>Your text</blockquote> to your page.

You can add a block quote easily. You can make this blockquote float to the right by adding "rightside" as a class. You can make it float to the left by adding "leftside" as a class.

Vel sodales sit amet, auctor vitae dui. Nulla facilisi. Proin suscipit velit et enim scelerisque at consequat sem imperdiet. Vivamus mauris nisi, malesuada eget bibendum vel, suscipit in est. Praesent semper tempor quam, et eleifend dolor cursus a.
The coding for floating left or right looks like this.

Big Letters

Your styling would look like this: Your text here

or Big Letters 2

Your styling would look like this: Your text here

Social Media Icons

Eli Burford created the small social media icons pictured above, that were used in this site.

The gray-scale social media icons above were downloaded from Find Icons.com. [I gray-scaled them.]

Image Classes

This template offers a variety of ways to present your images as shown below. All you have to do is add the specific image class to your image.

Float Left

Float an image to the left without a border:

Float an image to the left with a border:

Float an image to the left with a border and a shadow:

Make a square image appear to be round and float it to the left. [looks square in Design view]

Float Right

Float an image to the right without a border:

Float an image to the right with a border:

Float an image to the right with a border and a shadow:

Make a square image appear to be round and float it to the right. [looks square in Design view]

Icons for "Home," "Call," "Email," and "Hours"

1Add your text

2 Place your curser at the beginning of the text and add the style by choosing: home, call, email, hours or comment

Home - It looks like this in code view: Home

Call - It looks like this in code view:

Email - It looks like this in code view:

Comment - It looks like this in code view:

3 Once you apply the style, the small icon will automatically show up! Easy stuff!

Drop Caps

The Drop Cap can be done by applying the dropcap class.

First Letter of your paragraph

Highlighting

You can also words by applying the highlight class.

highlight

Buttons

You can make a button by applying the button class.

button

Big Number

1 You can also use the Big Number style to make the circled number.

1

2 This is Big Number style 2. Wisi e nim ad minim veniam, quis nos.

2

3 This is Big Number style 3. Wisi e nim ad minim veniam, quis nos.

3

All you do is type in the number (or anything you would like to have in a small circle), highlight it, and then add the class: bignumber.

List Items

You can have list items appear like this:

This is the default unordered list:

list
list
list

Or you can apply the list1 class to the ul and get this:

list
list
list

Site Map

Return Policies

Morbi id dolor tellus. Cras nunc massa, congue sit amet interdum id, vulputate ac eros. Mauris eu adipiscing erat. Ut magna nunc, tincidunt in ultricies eu, elementum ut erat.

Shipping Information

Nunc fermentum nisi rhoncus ante tristique molestie. Proin vel tempor orci. Proin quam enim, tincidunt at lobortis a, adipiscing a leo. Cras porta cursus porta. Vivamus vitae rutrum lectus.

Contact Us

123 Main Street
Your City, Your State

1.800.123.4567

info@youraddress.com

Monday-Friday: 8-5
Saturday: Noon-5
Sunday: Closed

Your Business Name

Typography

Call us: 800.555.5555