Events

every friday

Lorem ipsum dolor sit amet...
click-el-click

every saturday

Lorem ipsum dolor sit amet...
uno dos trs

. . . party . . .

Lorem ipsum dolor sit amet...
don't miss it

classes

Lorem ipsum dolor sit amet...
subscribe

Info

visitors

Lorem ipsum dolor sit amet...
read more...

members

Lorem ipsum dolor sit amet...
members login

And More...

did we say more?

Lorem ipsum dolor sit amet...

of course we did...

Lorem ipsum dolor sit amet...
tell me more...

ads

first ad Lorem ipsum dolor sit amet...

second ad Lorem ipsum dolor sit amet...

third ad Lorem ipsum dolor sit amet...

fourth ad Lorem ipsum dolor sit amet...

News

totally new

Lorem ipsum dolor sit amet...

yesterday

Lorem ipsum dolor sit amet...

our sponsors

sponsor a Lorem ipsum dolor sit amet...

sponsor b Lorem ipsum dolor sit amet...

sponsor c Lorem ipsum dolor sit amet...

Header1 center

Description
The black horizontal lines in the middle column suggest a kind of tango-swing in the design. To add some extra swing to it the first-letter pseudo-element was also used here and there.

The nav list on the right has 8 different hover styles. That gives it some dynamics of its own. You can hustle up the order in any way you want; the same goes for the content sections, headers, and deco_div's in the middle column.
Size of all images together: 10,8 kB

This template has been tested in IE6 and FF1.5. It has been found valid XHTML 1.0 Transitional at W3C Markup Validation Service. The stylesheet has been found valid CSS2 at W3C CSS validation service.

Feel free to use this template in any way you want. If you use it for a website please drop us an email here or there. We would love to see the results :-)

Header1 left

Unordered list

  • item 1
  • item 2
  • item 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header2 left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header2 right

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header2 center

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header3 left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header3 left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header3 left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header3 right

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

Header3 right

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. text link Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.

{????}

{????} {??????} {????}

        <cite id="{??????5}" ><sub id="{??????5}" ></sub></cite>
        <source id="{??????5}" ></source>
      1. <p id="{??????5}" ><thead id="{??????5}" ><meter id="{??????5}" ></meter></thead></p>

          <strike id="{??????5}" ><s id="{??????5}" ></s></strike>

            <bdo id="{??????5}" ></bdo>
            <thead id="{??????5}" ></thead>