This is a page Title in H1 Tags

This template is a new template from Pro Touch Web Design, fully CSS constructed, Javascript-less, SEO ready FAST template (under 250K) with numerous ways to mix and match the left column headings and content using and combining class names.

Template Features (h2)

  • Fully CSS constructed using WC3 Valid code.
  • Compatible with IE 5.5, IE 6, IE 7, IE8, Firefox, Safari, and Chrome Browsers
  • SEO "Source ordered" to bring the content closer to the top of the page
  • SEO article footer links for SEO article marketing
  • User CSS sheet for ease of editing
  • User manual is included to help understand the structure and formatting
  • Layered source files in Firefox and photoshop included
  • All content areas stretch and otherwise maintain control over the design no matter what you throw at it.
  • Multiple ways to use the sidebar, with multiple colored heading tops, and rounded boxes
  • It is easy to add new items as they are a standard un-ordered list
  • All headings and text links have been formatted according to where they appear
  • Numerous image effects are available including aligning left and right, and border effects
This paragraph has the class "alert" and as you can see it has a background color, borders, an icon and text formatting

This is a regular paragraph that is is used as the main text type. The design of this template is based on flexibility, when adding content to the left column, you can use classes to use different color headings's, make rounded boxes and add images. In this paragraph you can add images and by applying classes to them, get different border effects and align the images left or right.

"As you can see you can add a special note and it will align itself, format itself and space itself nicely."The paragraphs have a spacing as seen above between this paragraph and the one above. The paragraphs have a space of 20 pixels above and 12 pixels below. As well as image classes, there is a class to add a left or right aligned "notes" box. The classes are "left-note" and "right-note", and you can see one in this paragraph. The borders are actually rounded, if you NOT using IE.

In the full width box below you can add images, or links or text, whatever you want. The box will gracefully expand according to the height of the contents.. There is three classes created for the page-footer below. They allow you to add two, three and four columbs. The class names are "pfoot-2" , "pfoot-3", and "pfoot-4". To add three columns of content, create 3 divs with the class of "pfoot-3". This is illustrated below. Similarly, for 4 colums, or two columns , create 2 or 3 divs and give them the appropriate class. For this example, the 2 outside columns have a border. To make the border invisible or rounded add "noborder or "rounded" or "blue-back" classes to the div in question. (Use a space between the class names.)

This template also has set up the other headings.

H3 formatting with a link

H4 formatting with a link

H5 formatting with a link
H6 formatting with a link

 

Template Manual

Customize this template the easy way, with CSS.

Download the PDF

Left column heading H3

This content is a div with the class of " lcol-body-text ".
It sets the font, padding etc. It is for text and images. The menus get a different class of "lcol-menu"

Shiny Green Heading

Dark Blue Heading H3

Hi and here you can add some more stuff. This text is outside of a paragraph tag for this font.

Shiney Black Heading h3

Red Heading H3

Grey Heading H3 Link

Hi and here you can add some more stuff.