Spark Home

[welcome-block]

[row]

[icon-column icon=”black/indent_increase_icon&48.png” title=”Dynamic Menu”]Go Ahead, Scroll The Page[/icon-column]

[icon-column icon=”black/layers_2_icon&48.png” title=”Responsive Grid Layout”]Go Ahead, Resize This Page[/icon-column]

[icon-column icon=”black/arrow_two_head_2_icon&48.png” title=”Browser History”]Go Ahead, Try The Back Button[/icon-column]

[/row]

[separator class=”between-rows”]

[two-thirds-column]

Make Use of Tabs

Perfect to elegantly sub-categorize your content, these tabs keep full syntax standard, accessibility and natural SEO intact! The tabs are built from two list elements, take a look at the source code, it’s really simple!

[tabs-container]
[tab title=”Simple”]

The tabs are clean and simple unordered-list markup and basic CSS.

[ul class=”square”]
[li]Google Fonts[/li]
[li]Ajax Contact Form[/li]
[/ul]

[/tab]
[tab title=”Lightweight”]

The tabs are cross-browser, but don’t need a ton of hacky CSS or markup.

[ul class=”square”]
[li]Cross-Browser[/li]
[li]Pageload Performance[/li]
[/ul]

[/tab]
[tab title=”Mobile”]

Like everything else, the tabs work like a charm even on mobile devices.

[ul class=”square”]
[li]Flexible Grid System[/li]
[li]Gracefull Fallback[/li]
[/ul]

[/tab]
[/tabs-container]

The tabs are built from two list elements, take a look at the source code, it’s really simple!

[/two-thirds-column]

[one-third-column]

Browser-Side Form Validation

Forms make use of the newest HTML5 tags and has graceful fallback for old browsers.

[/one-third-column]