Logged in as username · Logout

Skip navigation

Hey, nice to see you're checking out this template. Use the “Features” navigation above to explore it a bit more in depth. It is all valid XHTML 1.0 Strict and CSS, combined with a touch of jQuery. Enjoy!

One of the features you will probably like most is the built-in CSS grid system. It allows you to lay out your content over six columns. And it really is all quite easy!

The tabbed box at the right allows you to instantly switch between three tables. Could be put to good use on your admin dashboard for example.

Name Excerpt Date Actions
John Doe Great article! I would like to add that dolor ipsum sit amet dolore… 12 minutes ago view approve delete
J. The Plumber Lorem dolor ipsum sit amet, constetur eiusmod tempor incididunt ut labo… 4 hours ago view approve delete
Joe Bloggs Hey, nice to see you're checking out consectetur adipisicing elit… 10 hours ago view approve delete
SwissWatches Pricey Watches 80% OFF PRICE: mRolex, Panerai, Louis Vuiton,… 3 days ago view approve delete
Jon Jones Certain fixed expressions are used as quis nostrud exercitation ullamco… 1 week ago view approve delete
Date Visits Unique Pageviews New Visits
January 22nd, 2009 684 596 3215 72.6%
January 21st, 2009 854 756 4587 75.9%
January 20th, 2009 1047 894 6845 82.0%
January 19th, 2009 1685 1402 7112 80.1%
January 18th, 2009 658 459 2698 68.5%
January 17th, 2009 784 590 3654 72.3%
January 16th, 2009 1203 1015 4506 85.7%
Keyword Visits Pages/Visit Google Rank
themeforest more info 596 3.10 #26
valid html template more info 588 5.95 #8
pink diamonds more info 326 1.20 #15
geert de deckere more info 302 2.80 #12
idoe studios more info 257 0.95 #89
admin template more info 93 4.25 #9
css grid more info 21 2.50 #31

▴ Short explanation about the field above

▴ You entered invalid information

▴ This is a textarea that spans three columns

Radio buttons:

Checkboxes:








or cancel

You can also lay out forms using the very same CSS grid system.

Keyword Visits
themeforest more info 596
valid html template more info 588
pink diamonds more info 326
geert de deckere more info 302
idoe studios more info 257
admin template more info 93
css grid more info 21

Tables automatically squeeze into the grid as you can see. Row striping is handled by two lines of jQuery.

Date Visits Unique Pageviews New Visits
January 22nd, 2009 684 596 3215 72.6%
January 21st, 2009 854 756 4587 75.9%
January 20th, 2009 1047 894 6845 82.0%
January 19th, 2009 1685 1402 7112 80.1%
January 18th, 2009 658 459 2698 68.5%
January 17th, 2009 784 590 3654 72.3%
January 16th, 2009 1203 1015 4506 85.7%
Name Excerpt Date Actions
John Doe Great article! I would like to add that dolor ipsum sit amet dolore… 12 minutes ago view approve delete
J. The Plumber Lorem dolor ipsum sit amet, constetur eiusmod tempor incididunt ut labo… 4 hours ago view approve delete
Joe Bloggs Hey, nice to see you're checking out consectetur adipisicing elit… 10 hours ago view approve delete
SwissWatches Pricey Watches 80% OFF PRICE: mRolex, Panerai, Louis Vuiton,… 3 days ago view approve delete
Jon Jones Certain fixed expressions are used as quis nostrud exercitation ullamco… 1 week ago view approve delete
Pagination can be set up in many different ways using the same HTML structure.

Success · The new data has been saved. Yay!

Warning · It is hard to look past these boxes, isn't it?

Let's see how small the box can get.

Small…

Smaller…

Smallest!

A box without an icon. It is all very flexible. The variations are endless.

First tab. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Second tab. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third tab. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Text in a light box. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Text in a darker box. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading h1

Heading h2

Lorem ipsum link dolor sit amet, strong text consectetur adipisicing elit, em text tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.

Blockquote. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

  • Unordered list
  • Lorem ipsum dolor sit amet
  • Consectetur adipisicing elit
  1. Ordered list
  2. Lorem ipsum dolor link amet
  3. Consectetur adipisicing elit