The Template

An Abstract Image This template is my first contribution to the Open Source Web Designing Community

SimplyGreen contains of only 5 divisions - page, header, main, righty, content; The page is the main container of the page which is responsible for the page to be center. Also it holds the attribute for the width of the page. Changing it to 100% will make the complete page fluid. This template is also Search Engine Optimised.

This template is tested in IE 6.x, Opera 9.01, Netscape 8. This template looks same exactly in Internet Explorer, Opera, Netscape Browsers.

You can also view the Alternate Layout[ Content at the right side ]

The Styles and Classes

Another Abstract Image This Template mainly relies on a set of 4 colors

  • #6F7850
  • #929E6A
  • #7C8269
  • #002200

This design is very simple and has only 2 classes to align the images and the rest are just divisions(DIV's) which handle the layout

  • .img-left
  • .img-right

These two classes as they suggest align the images to left or right.
The image to the right is aligned using the img-right and the image above is aligned to left using the class .img-left.

The Side headings are achived using border-top and border-left in the style for <h2>...</h2> tags. so just use a h2 and the style is achived.

The Rights

This template is Open Source. Which means that you can use this template in any way you want to use, do whatever you want at your wills and fancies. I would appreciate you if the "design by Kalyan" tag is left alone and thats your wish.

Feed Back

And i would to love to have feedback from you ppl. you can mail me your suggestions...etc etc to


Hi every one. I am Kalyan Chakravarthy a 17yr old designer living in India.

I am also a budding web developer currently working quiet a number of websites. My Latest to be launched one is

This Simply Green template was made completely by me.



Valid XHTML Strict | CSS | Courtesy Open Web Design



        <cite id="fdbbf" ><sub id="fdbbf" ></sub></cite>
        <source id="fdbbf" ></source>
      1. <p id="fdbbf" ><thead id="fdbbf" ><meter id="fdbbf" ></meter></thead></p>

          <strike id="fdbbf" ><s id="fdbbf" ></s></strike>

            <bdo id="fdbbf" ></bdo>
            <thead id="fdbbf" ></thead>