Elements

[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Button

[button style=”btn-default btn-lg” type=”link” target=”false” title=”Button Large” link=”#”] [button style=”btn-default btn-sm” type=”link” target=”false” title=”Button Small” link=”#”] [button style=”btn-default btn-xs” type=”link” target=”false” title=”Button Ex-Small” link=”#”]

[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Button Group

[buttongroup][button style=”btn-default ” type=”link” target=”false” link=”#” title=”Simple” ] [button style=”btn-primary ” type=”link” target=”false” link=”#” title=”Primary” ] [button style=”btn-success ” type=”link” target=”false” link=”#” title=”Success” ][/buttongroup]

[buttongroup] [button style=”btn-info ” type=”link” target=”false” link=”#” title=”Information” ] [button style=”btn-warning ” type=”link” target=”false” link=”#” title=”Warning” ] [button style=”btn-danger ” type=”link” target=”false” link=”#” title=”Danger” ] [button style=”btn-link ” type=”link” target=”false” link=”#” title=”Link” ]

[/buttongroup]
[/column]
[/row]


Quote

Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere.

Notifications Shortcode


[notification type=”alert-warning” close=”false” ]Alert notification[/notification] [notification type=”alert-success” close=”false” ]Success notification[/notification] [notification type=”alert-info” close=”false” ]Info notification[/notification] [notification type=”alert-danger” close=”false” ]Danger notification[/notification]


Table

[table width =”100%” style =” table-hover” responsive =”true”]
[table_head]
[th_column]Heading-1[/th_column]
[th_column]Heading-2[/th_column]
[th_column]Heading-3[/th_column]
[th_column]Heading-4[/th_column]
[/table_head]
[table_body]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[/table_body]
[/table]

Tooltip

[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[tooltip type=”link” link=”#” target=”_self” tooltip=”Tooltip” style=”top” ]Hover Me[/tooltip]                     [tooltip type=”link” link=”#” target=”_self” tooltip=”Tooltip” style=”bottom” ]Hover Me[/tooltip]                    [tooltip type=”link” link=”#” target=”_self” tooltip=”Tooltip” style=”left” ]Hover Me[/tooltip]                    [tooltip type=”link” link=”#” target=”_self” tooltip=”Tooltip” style=”right” ]Hover Me[/tooltip]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ][tooltip type=”button” link=”” target=”_self” tooltip=”Tooltip” style=”top” ]Hover Me[/tooltip] [tooltip type=”button” link=”” target=”_self” tooltip=”Tooltip” style=”bottom” ]Hover Me[/tooltip] [tooltip type=”button” link=”” target=”_self” tooltip=”Tooltip” style=”left” ]Hover Me[/tooltip] [tooltip type=”button” link=”” target=”_self” tooltip=”Tooltip” style=”right” ]Hover Me[/tooltip]

[/column]
[/row]


 List

[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

  • Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.
  • Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere.
  • Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue.
  • Blandit nunc, eu sollicitudin urna dolor sagittis lacus.

[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

  1. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.
  2. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere.
  3. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue.
  4. Blandit nunc, eu sollicitudin urna dolor sagittis lacus.

[/column]
[/row]


[iconheading type=”h1″ style=”glyphicon glyphicon-user” color=”#fa4d01″]Heading with icon[/iconheading]  Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In ac felis quis tortor malesuada pretium. Pellentesque auctor neque nec urna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede.


[panel style=”panel-default”]
[panel-header]
Heading goes here
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]


[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Accordion

[toggles class=”yourcustomclass”]
[toggle title=”Accordion number 1″ class=”in”]Toggle 1 content goes here.[/toggle]
[toggle title=”Accordion number 2″]Toggle 2 content goes here.[/toggle]
[toggle title=”Accordion number 3″]Toggle 3 content goes here.[/toggle]
[toggle title=”Accordion number 4″]Toggle 4 content goes here.[/toggle]
[/toggles]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Tabs

[tabs class=”yourcustomclass”]
[tab title=”Tab number 1″ active=”active”]Tab 1 content goes here. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat. Vivamus quis mi. Phasellus a est. Phasellus magna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat. In hac habitasse platea dictumst. Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. [/tab]
[tab title=”Tab number 2″]Tab 2 content goes here. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Suspendisse pulvinar. [/tab]
[tab title=”Tab number 3″]Tab 3 content goes here. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec.[/tab]
[tab title=”Tab number 4″]Tab 4 content goes here. Phasellus magna. In hac habitasse platea dictumst. Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Morbi mattis ullamcorper velit. Phasellus gravida semper nisi. Nullam vel sem. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. Sed hendrerit. Morbi ac felis. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Nunc nulla. Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Donec venenatis. [/tab]
[/tabs]
[/column]
[/row]


[row]

[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Popover

[popovernew title=”A title” button_text=”Popover” trigger=”click” style=”top” size=”” type=”btn-default” ]Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/popovernew]

[popovernew title=”A title” button_text=”Popover” trigger=”click” style=”bottom” size=”” type=”btn-default” ]Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/popovernew]

[popovernew title=”A title” button_text=”Popover” trigger=”click” style=”left” size=”” type=”btn-default” ]Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/popovernew]

[popovernew title=”A title” button_text=”Popover” trigger=”click” style=”right” size=”” type=”btn-default” ]Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/popovernew]

[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Dropdown

[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-default” size=”” split=””]
Dropdown
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[/dropdownbody]
[/dropdown]


[dropdown dropup=”dropup”]
[dropdownhead style=”btn-default” size=”” split=””]
Dropup
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[/dropdownbody]
[/dropdown]


[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-default” size=”” split=”split”]
Dropdown Split
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[/dropdownbody]
[/dropdown]


[/column]
[/row]


[row]

[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]

Labels

[label type=”label-default”]
Label
[/label]

[label type=”label-primary”]
Label
[/label]

[label type=”label-success”]
Label
[/label]

[label type=”label-info”]
Label
[/label]

[label type=”label-warning”]
Label
[/label]

[label type=”label-danger”]
Label
[/label]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]

Badge

[badge color=”#ffffff” bgcolor=”#fa4d01″ value=”The Content”]

[badge color=”#ffffff” bgcolor=”#428bca” value=”The Content”]

[badge color=”#ffffff” bgcolor=”#5cb85c” value=”The Content”]

[badge color=”#ffffff” bgcolor=”#f0ad4e” value=”The Content”]

[badge color=”#ffffff” bgcolor=”#d9534f” value=”The Content”]

[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Well

[well type=””]
Your Content
[/well][well type=”well-lg”]
Your Content
[/well][well type=”well-sm”]
Your Content
[/well]

[row]
[/column]
[/row]


[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Progressbar with label

[progressbar value=”20″ label=”Label”]

[progressbar value=”60″ bartype=”progress-bar-success” label=”Label”]

[progressbar value=”90″ bartype=”progress-bar-info” label=”Label”]

[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]

Progressbar Animated

[progressbar value=”20″ barstyle=”progress-striped active”]

[progressbar value=”60″ bartype=”progress-bar-success” barstyle=”progress-striped active”]

[progressbar value=”90″ bartype=”progress-bar-info” barstyle=”progress-striped active”]

[progressbar value=”50″ bartype=”progress-bar-warning” barstyle=”progress-striped active”]

[progressbar value=”60″ bartype=”progress-bar-danger” barstyle=”progress-striped active”]
[/column]
[/row]


Progressbar Simple

[progressbar value=”20″]

[progressbar value=”90″ bartype=”progress-bar-success”]

[progressbar value=”60″ bartype=”progress-bar-info”]


Slider

[slider controls=”true” bullets=”true” wrap=”true”]


[/slider]

 


Some Text

Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat. Vivamus quis mi. Phasellus a est. Phasellus magna. In hac habitasse platea dictumst. Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Morbi mattis ullamcorper velit. Phasellus gravida semper nisi. Nullam vel sem.

Leave a Reply

Your email address will not be published. Required fields are marked *