Test Page
Alert Boxes
×
×
×
×
Breadcrumbs
Buttons
Button Groups
Dropdown Buttons
Tiny Dropdown Button
Small Secondary Radius Dropdown Button
Button Alert Round Dropdown Button
Large Success Dropdown Button
Large Expanded Dropdown Button
Split Buttons
Tiny Split Button
Small Secondary Radius Split Button
Round Alert Split Button
Large Success Split Button
Dropdowns
Link Dropdown »
Content Dropdown »
Magellan
Build With Predefined HTML Structure
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper.
Awesome JS Goodness
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper.
Pagination
Panels
This is a regular panel.
It has an easy to override visual style, and is appropriately subdued.
This is a radius callout panel.
It’s a little ostentatious, but useful for important content.
Pricing Tables
- Standard
- $99.99
- An awesome description
- 1 Database
- 5GB Storage
- 20 Users
Progress Bars
Reveal
Example Modal…
Example Video Modal…
This is a modal.
Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.
Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.
This is a second modal.
See? It just slides into place after the first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.
Sliders
Tabs
First panel content goes here…
Second panel content goes here…
Third panel content goes here…
Fourth panel content goes here…
Panel 1 content goes here.
Panel 2 content goes here.
Panel 3 content goes here.
Panel 4 content goes here.
Side Nav
Sub Nav
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 |
Thumbnails
| 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 |