xx

This is the first thing that your user and the search engines see when they land on your page. You need to make it Keyword Rich, compelling, and include the main site keywords hopefully using keyword links as you see here.

xx
Your Name:
Your Email Address:

Brand New ALL CSS HTML template <h1>

xxThis template is ready with a dreamweaver template set-up and includes all that you see except the images which are copyright protected. Included in the template is the master page, a home page version to edit, and an inner page version you can edit before creating all the rest of the pages. There is also a working email form page for the contact page and a CSS rollover gallery for 12 photos.

Template Features <h2>

  • ALL valid CSS and HTML
  • Tested to work in IE 6, IE7, IE8, Firefox 3, and google chrome
  • Fast, Under 200k including the html and CSS files and all images on this page.
  • Simple clean design
  • Only $20.00 all inclusive
  • Images have a border treatment, just add the image and thats it!.
  • This is what a Linked list item looks like. ( bold HTML for SEO benefit)
  • SEO ready with all the required meta tags
  • Page title should be set H1, sub headings set to h2, and menu titles H3 for SEO
  • Remove the main content background for an even cleaner look!
  • Centered design with expanding header and footer area with 981 pixel wide site
  • Fits perfectly on a 1024 screen width, which is still the majority of users.

xxxxxxxxx


Using Images in this Template

xxThe images above are set to be used 4 in a row. They have a border and a colored matte-effect. This is changable and applies to any image added to the page. The auto-formatting includes the green matte-effect with a dark green border and a padding on left and right of 6. This can be changed of course.On the page, the image can be set to left side or right side of course. Below you can see a line that comes after each paragraph. This is a link in a paragraph. I bolded it in the HTML.

About the right hand column

On the Right side you can see a few things, like the un-ordered list for the menu, next down, is a special big image heading with a link in it. Below that are 3 items. Each item starts with an h2 heading, then a paragraph with a small image in it, followed by a very light dotted line, which separates the 3 itame3. Below these three items is a full width image that you can add text over. In all cases, the image border, and width is set automatically to re-size the image to fit properly.

There are three left column backgrounds to use, and if you use none of them, you have a fourth. There are the green and grey ones that you can see at right, and a super-clean one which is a "barely-there" grey rounded top one. You can change the images and make them any way you like.


xx

Menu Header in <h3>


First Menu heading <h3>

xx This Menu Item is very important to your success. Click here to Join us on our journey.

Another Heading

xx Simply add the header for the new item, and put it in h3 tags. Then add a p tag and then the image, and the text. It will format itself.

still another heading

xx As you can see above, the text will wrap around the image and maintain a properly formatted text box with no problems. As you can see in this paragraph, you can have a taller photo if you like. Try and keep the image width here to 70 px, as it is set to allow a mximum image width of 70. Any Time you can just add an image as below. The image will be sized to 171 pixels wide, no matter what size you add, the height can be bigger or smaller.

xx
xx
1-234-234-2345
xx
Socialize!
xx

Images in these three boxes

xxThe image should be part of a paragraph to be formatted like this. As you can see, the images here are set the same as the right hand column, the width is set to 70, padding is on the right side only, and the border and matte effect are identical. To add a non-formatted image, make sure it is added OUTSIDE of a paragraph block.

The rounded corners

xxThis box may or may not have rounded corners.This is what a link looks like in this area. The rounded corners will be visible in he Firefox, Safari, and google chrome browsers. Most modern versions of browsers now support rounded corners. Other browsers will see only a squared edge box. I turned off the border for this box to demonstrate how it looks. (bb-user2 holds the border property)

The content of these 3 boxes

The Background can be set for this box. You can add a image to the background, with a size of up to 256px wide and at least xx400 pixels high. It could also be a repeatingbackground if youwant to keep file sizes down. Below there is a horizontal menu. It can have a background or not. I left it out to open the design a bit. Of course the background and border can be any color.