H1 Tag - Most Important Topic

Download this template package.

Photograph of a good looking man.This template package does NOT require any specific web editor and is provided in zipped format with a default template page ready to create new pages with, an index page, and all supporting files.

The Right Floated Column template uses a fluid layout with a masthead, top menu, right news and/or navigation box, content area and footer. The container is sized to be 80% of the viewer's window.

Images

The page background image is a gradient image created by using the Gradient Image Maker. The image is 50px wide by 700px high repeated horizontally. The background color of the page is the same color as the bottom of the image. You can easily enough change the color scheme by changing the colors used when creating the image.

The Site Name is a transparent graphic image sized at 443 x 116 pixels. You can create your own image to use but depending on the height, you may have to adjust the banner <div> height which is set at 120px. The font used for the masthead site name and tagline is akaDora BUT you can use any font you want to give you the "look" you want.

Classes have been created to float the images within the content area to the left or right. Images you use within your content area should be resized in an image editor to the size you are going to use and a 1px border added. ALL images should have an alt attribute for accessibility reasons. A blank one is fine if the image is just a decoration.

Editing template CSS

All styling for this template is within the external style sheet which has been commented for the various sections. If you want to change the font or the colors, make the change within the style sheet. Basic styles have been included but you will need to create others as you add content.

The lists within the content <div> use a graphic image for the bullets. The zipped package includes this page, and all supporting files/folders. A blank template is also include that you can use to create additional pages.

H2 Tag - Sub Topic

Mauris ligula metus, accumsan quis, lacinia sed, tincidunt vitae, ligula. Nulla bibendum sagittis metus. Nam arcu lacus, luctus sit amet, pretium ut, congue in, velit. Vivamus justo magna, laoreet vel, porta eleifend, aliquet ac, mauris. Vestibulum luctus lectus et lorem. Quisque ac tortor ac nibh interdum aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce et est vel libero dapibus accumsan. Aliquam dapibus nunc in ante. Ut sagittis, leo nec volutpat ultrices, leo dolor eleifend ligula, at dictum dolor augue tincidunt tortor. Morbi hendrerit. Donec facilisis interdum eros. Sed posuere, augue imperdiet consectetuer posuere, magna magna euismod nunc, ut facilisis dui ipsum quis tortor. Pellentesque feugiat, justo eu auctor iaculis, sapien quam convallis neque, non sodales ligula orci ut mauris. Vivamus tincidunt lobortis magna. Maecenas tempor.

H3 Tag - Sub Topic

Photograph of a woman.

Phasellus tempor blandit risus. Integer at quam ac ante bibendum varius. Aenean ac nisl. Nam a enim eu orci interdum blandit. Pellentesque ipsum. Fusce at odio a enim vehicula sagittis. Integer eu arcu. In sodales justo eu dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam at mauris. Pellentesque imperdiet, justo id pellentesque tristique, dolor dolor rutrum justo, eget luctus leo orci ac sem. Morbi neque erat, vestibulum quis, eleifend eu, blandit id, urna. Ut non enim. Pellentesque egestas mollis nisl. Donec vel neque eu ipsum aliquet luctus. Proin luctus. Proin pretium.

Ut quis odio. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In hac habitasse platea dictumst. Nunc mi. Integer congue, eros eu elementum gravida, nibh augue hendrerit purus, sed vehicula tellus augue id justo. Mauris et massa. Vestibulum viverra nonummy erat. Pellentesque pellentesque dui non est aliquet accumsan. Proin tellus mauris, fermentum ornare, rhoncus volutpat, ultricies vel, metus. Proin pulvinar, massa et porttitor eleifend, tortor lacus suscipit quam, id molestie dui sem non turpis. Cras suscipit, elit porttitor fringilla consequat, orci massa ullamcorper urna, vitae lacinia pede dolor eget ligula. Nulla augue felis, venenatis nec, rutrum et, sagittis id, odio. Duis vitae augue.

This is how a list will look:

Nunc urna. Mauris lectus. Nunc mollis vulputate dolor. Etiam odio enim, bibendum sed, egestas sed, pharetra vel, elit. Maecenas eros ligula, viverra a, placerat a, dictum et, risus. Mauris elit. Vivamus cursus consequat nunc. Proin et nunc sed nibh tempus tempus. Curabitur hendrerit interdum nisl. Nulla bibendum varius turpis. In condimentum ultrices eros. Nullam ligula tellus, pharetra et, faucibus non, vestibulum eget, leo. Vestibulum vitae nisi sed eros condimentum rutrum. Pellentesque in purus. Proin nisi risus, tempor sit amet, auctor eu, ultrices vitae, nisi. Donec rhoncus semper nunc. Nunc feugiat sodales dui. Morbi lectus. Vestibulum non dolor nec nibh egestas gravida. Vestibulum augue.