Categoría: Shortcode

Accordion

[accordion id=»sc-accordion»] [accordion_item title=’Item 1′]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/accordion_item] [accordion_item title=’Item 2′]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/accordion_item] [accordion_item title=’Item 3′] Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/accordion_item] [/accordion]

Get the code

[[accordion] 
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item]
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item] 
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item]
[/accordion]]

Column

[row class=»show-grid»] [col class=»span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [col class=»span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [col class=»span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [/row]

Get the code

[[row id="ROW_ID" class="ROW_CLASS"] [col class="span4"]ADD_CONTENT_HERE[/col] [col class="span4"]ADD_CONTENT_HERE[/col] [col class="span4"]ADD_CONTENT_HERE[/col] [/row]] 

[row class=»show-grid»] [col class=»span8″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Nullam id dolor id nibh ultricies vehicula ut id. Donec id elit non mi porta gravida at eget metus.[/col] [col class=»span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [/row]

Get the code

[[row id="ROW_ID" class="ROW_CLASS"] [col class="span8"]ADD_CONTENT_HERE[/col] [col class="span4"]ADD_CONTENT_HERE[/col] [/row]] 

Icon

[row] [col class=»span4″]

• [icon name=»glass»]icon-glass[/icon]
• [icon name=»heart»]icon-heart[/icon]
• [icon name=»film»]icon-film[/icon]
• [icon name=»ok»]icon-ok[/icon]
• [icon name=»off»]icon-off[/icon]
• [icon name=»home»]icon-home[/icon]
• [icon name=»download-alt»]icon-download-alt[/icon]
• [icon name=»play-circle»]icon-play-circle[/icon]
• [icon name=»lock»]icon-lock[/icon]
• [icon name=»volume-down»]icon-volume-down[/icon]
• [icon name=»tag»]icon-tag[/icon]
• [icon name=»print»]icon-print[/icon]
• [icon name=»italic»]icon-italic[/icon]
• [icon name=»align-center»]icon-align-center[/icon]
• [icon name=»indent-left»]icon-indent-left[/icon]
• [icon name=»pencil»]icon-pencil[/icon]
• [icon name=»edit»]icon-edit[/icon]
• [icon name=»step-backward»]icon-step-backward[/icon]
• [icon name=»pause»]icon-pause[/icon]
• [icon name=»step-forward»]icon-step-forward[/icon]
• [icon name=»plus-sign»]icon-plus-sign[/icon]
• [icon name=»question-sign»]icon-question-sign[/icon]
• [icon name=»ok-circle»]icon-ok-circlet[/icon]
• [icon name=»arrow-up»]icon-arrow-up[/icon]
• [icon name=»resize-small»]icon-resize-small[/icon]
• [icon name=»exclamation-sign»]icon-exclamation-sign[/icon]
• [icon name=»eye-open»]icon-eye-open[/icon]
• [icon name=»calendar»]icon-calendar[/icon]
• [icon name=»chevron-up»]icon-chevron-up[/icon]
• [icon name=»folder-close»]icon-align-folder-close[/icon]
• [icon name=»hdd»]icon-hdd[/icon]
• [icon name=»thumbs-up»]icon-thumbs-up[/icon]
• [icon name=»hand-up»]icon-hand-up[/icon]
• [icon name=»circle-arrow-up»]icon-circle-arrow-up[/icon]
• [icon name=»tasks»]icon-align-tasks[/icon]

[/col] [col class=»span4″]

• [icon name=»music»]icon-music[/icon]
• [icon name=»star»]icon-star[/icon]
• [icon name=»th-large»]icon-th-large[/icon]
• [icon name=»remove»]icon-remove[/icon]
• [icon name=»signal»]icon-signal[/icon]
• [icon name=»file»]icon-file[/icon]
• [icon name=»download»]icon-download[/icon]
• [icon name=»repeat»]icon-play-repeat[/icon]
• [icon name=»flag»]icon-flag[/icon]
• [icon name=»volume-up»]icon-volume-up[/icon]
• [icon name=»tags»]icon-tags[/icon]
• [icon name=»camera»]icon-camera[/icon]
• [icon name=»text-height»]icon-text-height[/icon]
• [icon name=»align-right»]icon-align-right[/icon]
• [icon name=»indent-right»]icon-indent-right[/icon]
• [icon name=»map-marker»]icon-map-marker[/icon]
• [icon name=»share»]icon-share[/icon]
• [icon name=»fast-backward»]icon-fast-backward[/icon]
• [icon name=»stop»]icon-stop[/icon]
• [icon name=»eject»]icon-eject[/icon]
• [icon name=»minus-sign»]icon-minus-sign[/icon]
• [icon name=»info-sign»]icon-info-sign[/icon]
• [icon name=»ban-circle»]icon-ban-circle[/icon]
• [icon name=»arrow-down»]icon-arrow-down[/icon]
• [icon name=»plus»]icon-plus[/icon]
• [icon name=»gift»]icon-gift[/icon]
• [icon name=»eye-close»]icon-eye-close[/icon]
• [icon name=»random»]icon-random[/icon]
• [icon name=»chevron-down»]icon-chevron-down[/icon]
• [icon name=»folder-open»]icon-align-folder-open[/icon]
• [icon name=»bullhorn»]icon-bullhorn[/icon]
• [icon name=»thumbs-down»]icon-thumbs-down[/icon]
• [icon name=»hand-down»]icon-hand-down[/icon]
• [icon name=»circle-arrow-down»]icon-circle-arrow-down[/icon]
• [icon name=»filter»]icon-align-filter[/icon]

[/col] [col class=»span4″]

• [icon name=»search»]icon-search[/icon]
• [icon name=»star-empty»]icon-star-empty[/icon]
• [icon name=»th»]icon-th[/icon]
• [icon name=»zoom-in»]icon-zoom-in[/icon]
• [icon name=»cog»]icon-cog[/icon]
• [icon name=»time»]icon-time[/icon]
• [icon name=»upload»]icon-upload[/icon]
• [icon name=»refresh»]icon-play-refresh[/icon]
• [icon name=»headphones»]icon-headphones[/icon]
• [icon name=»qrcode»]icon-qrcode[/icon]
• [icon name=»book»]icon-book[/icon]
• [icon name=»font»]icon-font[/icon]
• [icon name=»text-widtht»]icon-text-width[/icon]
• [icon name=»align-justify»]icon-align-justify[/icon]
• [icon name=»facetime-video»]icon-facetime-video[/icon]
• [icon name=»adjust»]icon-adjustr[/icon]
• [icon name=»check»]icon-check[/icon]
• [icon name=»backward»]icon-backward[/icon]
• [icon name=»forward»]icon-forward[/icon]
• [icon name=»chevron-left»]icon-chevron-left[/icon]
• [icon name=»remove-sign»]icon-remove-sign[/icon]
• [icon name=»screenshot»]icon-screenshot[/icon]
• [icon name=»arrow-left»]icon-arrow-left[/icon]
• [icon name=»share-alt»]icon-share-alt[/icon]
• [icon name=»minus»]icon-minus[/icon]
• [icon name=»leaf»]icon-leaf[/icon]
• [icon name=»warning-sign»]icon-warning-sign[/icon]
• [icon name=»comment»]icon-comment[/icon]
• [icon name=»retweet»]icon-retweet[/icon]
• [icon name=»resize-vertical»]icon-resize-vertical[/icon]
• [icon name=»bell»]icon-bell[/icon]
• [icon name=»hand-right»]icon-hand-right[/icon]
• [icon name=»circle-arrow-right»]icon-circle-arrow-right[/icon]
• [icon name=»globe»]icon-circle-globe[/icon]
• [icon name=»briefcase»]icon-align-briefcase[/icon]

[/col] [/row]

 Get the code

[[icon name="ICON_NAME"]...[/icon]] 

Buttons

[row][col class=»span6″] Default

Primary

Info [icon name=»cloud-upload»][/icon] Info with icon

Success Warning danger Inverse

Block level button [/col]

[col class=»span6″] Large Primary

Large Primary [icon name=»bullseye»][/icon] Large Primary with icon Large Primary with icon [icon name=»mail-forward»][/icon]

Default button Default button

Small button Small button

Mini button Mini button

[/col][/row]

 

Eventus comes with different buttons style and 3 sizes – mini, small, large. You can use Font Awesome as well to create more Awesome buttons!

Get the code

[button type="BUTTON_TYPE" size="" link="#"]...[/button]

Alert

[alert type=»alert»]

Warning!

Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. [/alert] [alert type=»error» style=»width:85%»]

Error or danger!

Oh snap! Change a few things up and try submitting again.[/alert] [alert type=»success» style=»width:75%»]

success!

Well done! You successfully read this important alert message. [/alert] [alert type=»info» style=»width:65%»]

Information!

Heads up! This alert needs your attention, but it’s not super important. [/alert]

Testimonial

[testimonial name=»John Doe» email=»[email protected]» company=»joomshaper» designation=»Developer»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, felis a semper mollis, mauris mi suscipit dui, non laoreet diam enim et turpis. Sed imperdiet ultrices felis, at ultricies tellus consequat a. Proin condimentum porttitor eros, vitae facilisis sapien rhoncus vitae. Aliquam dapibus elit non metus posuere blandit. Phasellus a aliquam urna. Aliquam ac massa tellus, a semper odio. In hac habitasse platea dictumst. Integer tincidunt, nisi quis congue consectetur, lacus augue scelerisque enim, eu vehicula neque tortor ac risus. Nunc mollis interdum iaculis. [/testimonial]

Get the code

[[testimonial name="AUTHOR_NAME" email="AUTHOR_EMAIL" company="AUTHOR_COMPANY" designation="AUTHOR_DESIGNATION"]ADD_CONTENT_HERE[/testimonial]]

Map

[spmap lat=»23.743193″ lng=»90.388281″ zoom=»8″ maptype=»ROADMAP»]

Get the code

[[spmap lat="LATITUDE" lng="LONGITUDE" zoom="VALUE 1 to 10"]]

Tab

[row]

[col class=»span6″]

[tab id=»tab1″ class=»tabbale» button=»nav-tabs»] [tab_item title=»Tab1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item] [tab_item title=»Tab2″]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item] [tab_item title=»Tab3″]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item][/tab]

[/col]

[col class=»span6″]

[tab id=»tab2″ class=»tabbale» button=»nav-pills»] [tab_item title=»Tab1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item] [tab_item title=»Tab2″]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item] [tab_item title=»Tab3″]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item][/tab]

[/col]

[/row]

Get the code

[[tab]  [tab_item title="ITEM_TITLE"]ADD_CONTENT_HERE[/tab_item ] [tab_item title="ITEM_TITLE"]ADD_CONTENT_HERE[/tab_item ]  [tab_item title="ITEM_TITLE"]ADD_CONTENT_HERE[/tab_item ] [/tab]]