Free EASY CSS Website Templates

We've designed our Easy CSS Templates for beginners that want to create their websites the right way.

The HTML code is basic. We use as little as possible. The CSS is also very basic.

Each kit contains multiple linked web pages in 2 and 3 column structures.

There are also multiple background images in various colors so that you can create the design you need. There is a demo site provided for each template kit so that you can get an idea of what you can create. More information is provided on each demo site.

You can customize these templates as needed. You may even replace the header images with your own. If you need a good free photo editor for resizing and cropping your own pictures for your template, we recommend PhotoScape 3.5 Get More Info Here

Samplepicture from freedigitalphotos.netThere are a lot of places to get free pictures on the internet. Look for royalty free images.

Always read the terms of use when using images from these sources.

On the left is an image from FreeDigitalPhotos taken by Photographer: Suat Eman


Getting Ready

If you'd like to know exactly how these templates are built, run through the Basics of HTML CSS Tutorial located in our HTML tutorial.

Then study the theory behind creating columns that expand equally with content. Visit tutorial.

How Easy Are The Templates?

The code shown below is all that's required to produce the 2 column design. The web page is actually built using the style sheet.

<body>
<div id="center-page">
<div id="heading"></div>
<div id="menu"></div>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer"></div>
</div>
</body>

Want to change the header image?
Create your new picture and change the style sheet.

Want to change column colors?
Grab or create a new column background image and change the style sheet.


Easy CSS Template Kits

Free Easy CSS Template Kit #2Easy CSS Template Kits are only for those who want to create websites the right way..

Five color choices for your columns: black, blood red, navy, dark green and dark teal.

If you are going to do light text on a dark background, we show you how to do it right.

You can Visit the Demo for more information or Download the Kit Now!.


Need Web Hosting? - Get Lowest Prices!

You're going to need a web hosting home for your new website template. Get the Lowest PricesWebHostingPad for web hosting on the internet, While They Last!

Even More Easy CSS

These templates were created using the same HTML code.

The heading images were replaced using pictures from our Free Heading Gallery.

Dialog Boxes We recently added the round corner dialog boxes for use in the sidebars. You can create these in your choice of colors by visiting Corner Shop.

The NavBar

Top Navigation Bar was created using:

MenuMaker

Xara Menu Maker
A simple but powerful tool for creating top quality graphical NavBars with DHTML menus. Simply choose from the collection of professionally designed NavBars, then customize the wording and font, the color and size to exactly suit your site. Add rollovers and DHTML menus with easy one click actions - all the JavaScript and HTML is automatically created for you and optimized for export to the Web. Integrates directly with Macromedia Dreamweaver and Microsoft FrontPage.

Find out more

Download: $24.99
CD: $29


You can also Create the NavBar Online
Many Free Designs.

Note: These templates will work, with or without the NavBar!!

Alternate 5 Button Navbar Option

The optional navbar uses blank button images, html code and css. Download the kit and add the HTML code to any of the templates. Add the CSS in the kit to the style sheets and you are ready to add your own text and links.


Here's an example of a Modified Template using the optional navbar.

Be sure to replace the menu division definition in the style sheet with the style sheet code in the kit.

Download Navbar Kit

Easy CSS Template
Visit Demo #3
Download Kit
Easy CSS Template
Visit Demo #4
Download Kit
Easy CSS Template
Visit Demo #5
Download Kit
Easy CSS Template
Visit Demo #6
Download Kit

This set of template kits use the original code of Easy CSS Kit #2, but they do not contain all of the extra backgrounds and images. The kits include only the visible images and backgrounds.


Easy CSS Template
Visit Demo #7
Download Kit
Easy CSS Template
Visit Demo #8
Download Kit
Easy CSS Template
Visit Demo #9
Download Kit
Easy CSS Template
Visit Demo #10
Download Kit
Easy CSS Template
Visit Demo #11
Download Kit
Easy CSS Template
Visit Demo #12
Download Kit
Easy CSS Template
Visit Demo #13
Download Kit
Easy CSS Template
Visit Demo #14
Download Kit

We added a little more information on the Instructions page to these templates about the dialog boxes and how to change the colors.


Easy CSS Template
Visit Demo #15
Download Kit
Easy CSS Template
Visit Demo #16
Download Kit
Easy CSS Template
Visit Demo #17
Download Kit
Easy CSS Template
Visit Demo #18
Download Kit
Easy CSS Template
Visit Demo #19
Download Kit
Easy CSS Template
Visit Demo #20
Download Kit





Next 25 Web Templates


Free Website Templates 101-200 | Free Website Templates 201-306 |
Back to Top