Buttons
[row][one_whole][button color=”btn-default” size=”btn-lg” link=”#” ]Default Button[/button][button color=”btn-info” size=”btn-lg” link=”#” ]Info Button[/button][button color=”btn-success” size=”btn-lg” link=”#” ]Success Button[/button][button color=”btn-warning” size=”btn-lg” link=”#” ]Warning Button[/button][button color=”btn-danger” size=”btn-lg” link=”#” ]Danger Button[/button][/one_whole][/row]
[row][one_whole][button color=”btn-default” size=”btn-lg” link=”#” icon=”fa-edit” ]Default Button[/button][button color=”btn-info” size=”btn-lg” link=”#” icon=”fa-bus” ]Info Button[/button][button color=”btn-success” size=”btn-lg” link=”#” icon=”fa-paint-brush” ]Success Button[/button][button color=”btn-warning” size=”btn-lg” link=”#” icon=”fa-wifi” ]Custom Icon[/button][button color=”btn-danger” size=”btn-lg” link=”#” icon=”fa-area-chart” ]Danger Button[/button][/one_whole][/row]
Action boxes
[row][one_half][alert title=”Danger Alert Box” type=”alert-danger”]Nunc eget sapien eget est bibendum vehicula. Proin blandit, ante eu maximus ornare, orci tellus sodales justo, elementum elementum est enim quis erat. Nulla facilisi. Donec ut placerat lorem. Donec sed eleifend augue. Phasellus sed malesuada augue. Praesent egestas felis sed arcu sodales luctus. Mauris in elementum urna, at consectetur nisi. [/alert][/one_half][one_half][alert title=”Success Alert Box” type=”alert-success”]Nunc eget sapien eget est bibendum vehicula. Proin blandit, ante eu maximus ornare, orci tellus sodales justo, elementum elementum est enim quis erat. Nulla facilisi. Donec ut placerat lorem. Donec sed eleifend augue. Phasellus sed malesuada augue. Praesent egestas felis sed arcu sodales luctus. Mauris in elementum urna, at consectetur nisi. [/alert][/one_half][/row][row][one_half][alert title=”Warning Alert Box” type=”alert-warning”]Nunc eget sapien eget est bibendum vehicula. Proin blandit, ante eu maximus ornare, orci tellus sodales justo, elementum elementum est enim quis erat. Nulla facilisi. Donec ut placerat lorem. Donec sed eleifend augue. Phasellus sed malesuada augue. Praesent egestas felis sed arcu sodales luctus. Mauris in elementum urna, at consectetur nisi. [/alert][/one_half][one_half][alert title=”Info Alert Box” type=”alert-info”]Nunc eget sapien eget est bibendum vehicula. Proin blandit, ante eu maximus ornare, orci tellus sodales justo, elementum elementum est enim quis erat. Nulla facilisi. Donec ut placerat lorem. Donec sed eleifend augue. Phasellus sed malesuada augue. Praesent egestas felis sed arcu sodales luctus. Mauris in elementum urna, at consectetur nisi. [/alert][/one_half][/row]
Progress bars
[row][one_half]
[progressbar anim=”pulse” color=”progress-bar-info” meter=”95″ animated=”active” title=”Information Bar” /]
[progressbar anim=”pulse” color=”progress-bar-success” meter=”51″ animated=”active” title=”Success Bar” /]
[progressbar anim=”pulse” color=”progress-bar-danger” meter=”75″ animated=”active” title=”Danger Bar” /][/one_half][one_half]
[progressbar anim=”pulse” color=”progress-bar-warning” meter=”89″ animated=”active” title=”Warning Bar” /]
[progressbar anim=”pulse” customcolor=”#333″ style=”progress-striped” meter=”21″ title=”Custom color striped” /]
[progressbar color=”progress-bar-danger” meter=”29″ animated=”active” style=”progress-striped” title=”Striped and animated” /][/one_half][/row]
Blockquote
[row][one_whole][blockquote ]Be who you are and say what you feel, because those who mind don’t matter, and those who matter don’t mind.[/blockquote][/one_whole][/row]
Panel blocks
[row][one_sixth]
[panel color=”panel-default” head=”Default block”] Nunc at mi tempus, mattis ante vitae, facilisis lorem. Nullam ultrices leo et tincidunt semper. Cras pellentesque rhoncus justo eu tristique. Curabitur in molestie nunc.[/panel][/one_sixth][one_sixth]
[panel color=”panel-primary” head=”Primary block”] Nunc at mi tempus, mattis ante vitae, facilisis lorem. Nullam ultrices leo et tincidunt semper. Cras pellentesque rhoncus justo eu tristique. Curabitur in molestie nunc.[/panel][/one_sixth][one_sixth]
[panel color=”panel-info” head=”Information block”] Nunc at mi tempus, mattis ante vitae, facilisis lorem. Nullam ultrices leo et tincidunt semper. Cras pellentesque rhoncus justo eu tristique. Curabitur in molestie nunc. [/panel][/one_sixth][one_sixth]
[panel color=”panel-success” head=”Success block”] Nunc at mi tempus, mattis ante vitae, facilisis lorem. Nullam ultrices leo et tincidunt semper. Cras pellentesque rhoncus justo eu tristique. Curabitur in molestie nunc.[/panel][/one_sixth][one_sixth]
[panel color=”panel-danger” head=”Danger block”] Nunc at mi tempus, mattis ante vitae, facilisis lorem. Nullam ultrices leo et tincidunt semper. Cras pellentesque rhoncus justo eu tristique. Curabitur in molestie nunc.[/panel][/one_sixth][one_sixth]
[panel color=”panel-warning” head=”Warning block”] Nunc at mi tempus, mattis ante vitae, facilisis lorem. Nullam ultrices leo et tincidunt semper. Cras pellentesque rhoncus justo eu tristique. Curabitur in molestie nunc. [/panel][/one_sixth][/row]
Special buttons
[row][one_half][dropbuttongroup title=”Dropdown button”][dropbutton title=”Item 1″ url= “#” divider= “1”]some content goes for this item[/dropbutton][dropbutton title=”Item 2″ url= “#” divider= “0”]Here goes Item 2[/dropbutton][/dropbuttongroup][/one_half][one_half][reveal color=”btn-default” button=”Modal Box” revtitle=”This is a title for modal box”]Life is like a hurricane here in Duckburg. Race cars, lasers, aeroplanes – it’s a duck blur. You might solve a mystery or rewrite history – Duck Tales, Oo-oo! Tales of derring-do, bad and good luck tales, oo-oo! D-d-d-danger, watch behind you – there’s a stranger out to find you! What to do? Just grab onto some Duck Tales, oo-oo! Not pony tails or cotton tails but Duck Tales, oo-oo! When it seems they’re headed for the final curtain Bold deduction never fails, that’s for certain The worst of messes become successes![/reveal][/one_half][/row]