This template uses the 960 grid system ( 16 columns ). Full width of template is equal 960px. Work area 940px. Width of one column is equal 60px.
For example: grid_10 + grid_6 = grid_16 ( 16 columns )

One Column

Column #1

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.

[clear]

[grid_960 type="16"] content [/grid_960]
[clear]

Two Columns

[grid_960 type=”8″]

Column #1

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.
[/grid_960]
[grid_960 type=”8″]

Column #2

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.
[/grid_960]
[clear]

[grid_960 type=”8″] content [/grid_960]
[grid_960 type=”8″] content [/grid_960]
[clear]

[grid_960 type=”11″]

Column #1

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.
[/grid_960]
[grid_960 type=”5″]

Column 2


Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi.
[/grid_960]
[clear]

[grid_960 type=”11″] content [/grid_960]
[grid_960 type=”5″] content [/grid_960]
[clear]

[grid_960 type=”5″]

Column #1

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi.
[/grid_960]
[grid_960 type=”11″]

Column #2

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.
[/grid_960]
[clear]

[grid_960 type=”5″] content [/grid_960]
[grid_960 type=”11″] content [/div]
[clear]

Three Columns

[grid_960 type=”5″]

Column #1


Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.
[/grid_960]
[grid_960 type=”5″]

Column #2


Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.
[/grid_960]
[grid_960 type=”5″]

Column #3


Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi. Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.
[/grid_960]

[clear]

[grid_960 type=”5″] content [/grid_960][grid_960 type=”5″] content [/grid_960][grid_960 type=”5″] content [/grid_960]

[clear]


Four Columns

[grid_960 type=”4″]

Column #1

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi.
Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.

[/grid_960]

[grid_960 type=”4″]

Column #2

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi.
Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.

[/grid_960]

[grid_960 type=”4″]

Column #3

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi.
Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.

[/grid_960]

[grid_960 type=”4″]

Column #4

Nunc sollicitudin cursus arcu eu venenatis. Donec tincidunt, dui tincidunt dictum condimentum, ipsum justo viverra diam, quis faucibus metus lorem in nisi.
Ut at lorem nibh. In augue metus, iaculis in venenatis et, gravida in purus. Phasellus vehicula iaculis lacinia. Nullam nec nunc in massa blandit varius.

[/grid_960]

[clear]

[grid_960 type=”4″] content [/grid_960]

[grid_960 type=”4″] content [/grid_960]

[grid_960 type=”4″] content [/grid_960]

[grid_960 type=”4″] content [/grid_960]

[clear]