Shortcodes

Alerts

This is a standard alert (div.alert-box).×
This is a success alert without closing X (div.alert-box.success).
This is an alert (div.alert-box.alert.round).×
This is a secondary alert (div.alert-box.secondary.radius).×

 

Buttons

 

Labels

span.label span.label.success span.label.alert.round span.label.secondary.radius
 

Panels

This is a regular panel.

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

This is a callout panel.

It’s a little ostentatious, but useful for important content. Oh and it has a border radius.

 

Pricing Tables

  • Lite
  • $49.99
  • An awesome description
  • 1 Database
  • 5GB Storage
  • 20 Users
  • Buy Now
  • Standard
  • $99.99
  • An awesome description
  • 10 Database
  • 15GB Storage
  • 50 Users
  • Buy Now
  • Pro
  • $199.99
  • An awesome description
  • 10 Database
  • 25GB Storage
  • 200 Users
  • Buy Now

 

Progress Bars

 

Grid

large-4 small-2
large-4 small-4 small-4
large-4 small-6
large-3
large-6
large-3
large-2
large-8 small-6
large-2
small-3
small-9
large-4
large-8
small-6 large-5
small-6 large-7
large-6
large-6

 

Tooltips

The tooltips can be positioned on the “tip-bottom”, which is the default position, “tip-top” (hehe), “tip-left”, or “tip-right” of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full width and bottom aligned.
 

Reveal Modals

Example Modal...  

Tabs

Section 1

Section 1. 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.

Section 2

Section 2. 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.

Section 3

Section 3. 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.

 

Accordion

Section 1

Section 1. 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.

Section 2

Section 2. 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.

Section 3

Section 3. 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.

 

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.
×

Femminilità sofisticata e strutturata quella espressa hogan outlet dalla nuova collezione borse Céline per la primavera hogan outlet online La collezione, affidata alla designer inglese Phoebe nike tn Philo, presenta borse a soffietto, alcune con i nike tn pas cher richiami glam secondo i trend di stagione, come pjs pas cher le borchie, ma anche particolari e originaliparajumpers pas cher maxi shopper rettangolari che siwoolrich outlet Ogni nuova collezione Chanel crea un’aspettativaoutlet woolrich online altissima che raramente viene delusa! è il caso delle golden goose saldi borse Chanel per la primavera estate 2017 della golden goose saldi La nuova collezione borse estive disegnata da Karl golden goose saldi Lagerfeld trascina le fashion addicted in un mondo golden goose saldi fantascientifico, parallelo e futurista, in cui le sac goyard pas cher bag dalle forme squadrate a volte diventano dei verisac goyard pas cher e propri mini robot. La storia dell’eleganza Chanelsac goyard pas cher s si mescola al futurismo quasi punksac goyard pas cher VERSACE BORSE 2017 NUOVA COLLEZIONEsac goyard pas cher Allure sporty per questa collezione, in gradoscarpe hogan outlet online però di non perdere mai di femminilità, scarpe hogan outlet online con borse funzionali che superano il scarpe hogan outlet online concetto di outfit da sera e da giornoscarpe hogan outlet online Le borse Versace primavera estate 2017 scarpe hogan outlet online sono a mano sono piccole, squadrate, scarpe hogan outlet online geometriche oppure maxi buste rettangolari. Non mancano i richiami glam fetish tanto cari alla stilista italiana, come le borchie e le catene, e i colori spazianopjs pas cher dal classico nero al rosso, dal giallo limone pjs pas cher Una collezione definita “lusso privato” dal pjs pas cher direttore creativo di Bottega Veneta, Tomas Maier.parajumpers pas cher I grandi marchi della moda stanno puntando sul lusso parajumpers pas cher funzionale e accessibile, dunque su borse e capi che parajumpers pas cher