{% extends "arctic/base.html" %} {% block content %}

Form with validation

Fill in your name

Fill in your surname


Selectize


Tooltips

The scarabaeus hung quite clear of any branches, and, if allowed to fall, would have fallen at our feet. Legrand immediately took the scythe, and cleared with it a circular space, three or four yards in diameter, just beneath the insect, and, having accomplished this, ordered Jupiter to let go the string and come down from the tree.


Pagination


Tables

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
This is the description! One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve
These are all the words that people use to describe Foundation 6! Cool Swag Chill Killer Rad Baller OMG Sweet Awesome Beast Dope Tubular
These are some words that people use to describe other web frameworks. Whatevs Ugh. LOL K Aight Eh. Grrr... Meh. TTYL Bleh. Really? Why?
Here are some great super heros. Batman Superman Spiderman Wonder Woman Hulk Nicolas Cage Antman Aquaman Captain America Wolverine Thor Iron Man
Here's a footer, just in case

Callouts

This is a primary panel

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a secondary panel

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a success panel

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a warning panel

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a alert panel

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a success panel

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.

Input slider

with fixed steps
2 handlers with output below
Native HTML5 slider (does not work with IE9, has less styling options etc)

Sticky elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit dapibus dolor, ut mattis felis auctor at. Curabitur scelerisque, nibh sagittis egestas volutpat, est mi efficitur enim, id venenatis nunc nunc a velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean dapibus, libero id varius feugiat, libero libero aliquet velit, vel placerat metus odio in arcu. Cras nulla dui, convallis vitae cursus tincidunt, consequat eget diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis nisi et justo lobortis mattis.

Vestibulum quis tortor vitae massa elementum condimentum. Donec eget elit arcu. Nullam non dolor et ex pellentesque consequat nec vel erat. Proin quis mauris viverra, feugiat felis in, vulputate tellus. In quis ornare metus. Fusce non semper dolor, nec dapibus dui. Aenean ac libero posuere, sollicitudin nisl sed, semper est. Aliquam vel pharetra justo, non lacinia massa. Sed non ultrices risus, vitae ultrices sapien.

Mauris ut dignissim ligula, ut facilisis sem. Aliquam euismod, odio nec condimentum porttitor, tellus odio tempor enim, eu tristique nibh elit sed nibh. Nullam dignissim nisi vitae augue semper, id convallis nulla pretium. Integer lacinia porta arcu, in vestibulum leo hendrerit sit amet. Donec pharetra sit amet lectus id fringilla. Vivamus metus ex, placerat rhoncus nisl sed, vestibulum posuere urna. Ut vel massa vitae quam mattis luctus. Praesent eleifend convallis neque, at consequat nunc tempor eget.

Maecenas consectetur varius blandit. Sed non magna ac sapien egestas imperdiet ultrices vitae mi. Nam massa urna, egestas quis justo vitae, iaculis dictum ipsum. Aliquam erat volutpat. Proin imperdiet, libero eget dignissim mollis, turpis est porta urna, sed ullamcorper neque metus ut turpis. Nam eu nunc tortor. Pellentesque vestibulum a eros at suscipit. Proin eget lacinia tellus, nec sodales purus. Morbi nec consectetur ipsum, eget pellentesque mauris.

Aliquam elementum convallis nulla maximus vehicula. Nunc condimentum eleifend commodo. Phasellus est nibh, porta sed blandit vestibulum, semper nec lorem. Phasellus bibendum vehicula tincidunt. Duis congue dui ornare, vulputate orci quis, rhoncus elit. Nunc efficitur vulputate nunc eu dictum. Proin malesuada odio quam, quis pretium ante tincidunt sit amet.


Meters

Meter support is limited, has no support in Internet Explorer, Mobile Safari, or Android 2. Colors are set automaticly based on it's value


Awesome. I Have It.

Your couch. It is mine.

I'm a cool paragraph that lives inside of an even cooler modal. Wins!

Click me for a modal


Progress

Native HTML5 progress element


Badges

2 3 A B


Labels

Secondary Label Success Label Alert Label Warning Label Alert Label Warning Label Info Label

Cards

Paper plane
Science potion
Diamond

Card group

This is a ship
Recycle
Plug it in

Stepper input



Toggle switch

{% endblock %} {% block scripts_bottom %} {{ block.super }} {% endblock %}