ClearSpace - web 2.0 template by salimd83

This theme layout is powered by 960 grid system witch make it very easy to creat complex columns. Her you'll find a couple of example to demonstrat how it is easy to do that.

One column sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero. Curabitur nec arcu sit amet eros lacinia venenatis in vel risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero. Curabitur nec arcu sit amet eros lacinia venenatis in vel risus.

Code:


        	<div class="grid_12"> -- content here-- </div>


          <div class="clear"></div>

Two columns samples A lot of possiblities can be made, here just a few samples

Code:


        	<div class="grid_6"> -- content here-- </div> 

          <div class="grid_6"> -- content here-- </div> 


          <div class="clear"></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero. Curabitur nec arcu sit amet eros lacinia venenatis in vel risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero.

Code:


        	<div class="grid_8"> -- content here-- </div> 

          <div class="grid_4"> -- content here-- </div> 


          <div class="clear"></div>

Three columns samples The same idea here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero.

Code:


        	<div class="grid_4"> -- content here-- </div> 

          <div class="grid_4"> -- content here-- </div> 

          <div class="grid_4"> -- content here-- </div> 


          <div class="clear"></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero. Curabitur nec arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus.

Code:


        	<div class="grid_3"> -- content here-- </div> 

          <div class="grid_3"> -- content here-- </div> 

          <div class="grid_3"> -- content here-- </div> 


          <div class="clear"></div>

Four columns samples The same idea apply here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero.

Code:


        	<div class="grid_3"> -- content here-- </div> 

          <div class="grid_3"> -- content here-- </div> 

          <div class="grid_3"> -- content here-- </div> 

          <div class="grid_3"> -- content here-- </div> 


          <div class="clear"></div>

We could continue all day but the same thing apply for 5, 6, 7, 8 and 12. Let's now see an example of how can we can embed columns

Embedding columns sample The idea idea is very simple, only one example for demonstration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam ipsum, auctor tempus eleifend non, sagittis nec libero.

Code:


        	<div class="grid_8"> 

          	   -- content here-- 

          	   <div class="grid_4"> -- content here-- </div> 

               <div class="grid_4"> -- content here-- </div> 

          </div> 


          <div class="grid_4"> -- content here-- </div> 


          <div class="clear"></div>

Lorem Ipsum

Already a member, login

Not a member yet, register

One column sample

Code:

Two columns samples A lot of possiblities can be made, here just a few samples

Code:

Code:

Three columns samples The same idea here

Code:

Code:

Four columns samples The same idea apply here

Code:

Embedding columns sample The idea idea is very simple, only one example for demonstration

Code: