الرئيسية / Shortcodes & Typography

Shortcodes & Typography

[section label=”Alert Boxes”]

Alert Boxes

[alert variation=”alert-warning” dismiss=”dismiss”]Check out this awesome alert box. You can put as little or as much content within it as you want. You can even put HTML and shortcodes directly in here, and you can selectively enable and disable the Dismiss button on the right.[/alert] [alert variation=”alert-danger” dismiss=”dismiss”]Check out this awesome alert box. You can put as little or as much content within it as you want. You can even put HTML and shortcodes directly in here, and you can selectively enable and disable the Dismiss button on the right.[/alert] [alert variation=”alert-success” dismiss=”dismiss”]Check out this awesome alert box. You can put as little or as much content within it as you want. You can even put HTML and shortcodes directly in here, and you can selectively enable and disable the Dismiss button on the right.[/alert] [alert variation=”alert-info” dismiss=”dismiss”]Check out this awesome alert box. You can put as little or as much content within it as you want. You can even put HTML and shortcodes directly in here, and you can selectively enable and disable the Dismiss button on the right.[/alert] [divider_top] [section label=”Buttons”]

Buttons

TinyTinyTinyTinyTinyTiny SmallSmallSmallSmallSmallSmall MediumMediumMediumMediumMediumMedium LargeLargeLargeLargeLargeLarge Block Level Block Level Block Level Block Level Block Level Block Level [divider_top] [section label=”Progress Bars”]

Progress Bars

[progress size=”80″ variation=”progress-bar-info”] [progress size=”86″ variation=”progress-bar-success”] [progress size=”90″ variation=”progress-bar-warning”] [progress size=”95″ variation=”progress-bar-danger”] [progress size=”80″ variation=”progress-bar-info” striped=”progress-striped” animated=”active”] [progress size=”86″ variation=”progress-bar-success” striped=”progress-striped” animated=”active”] [progress size=”90″ variation=”progress-bar-warning” striped=”progress-striped” animated=”active”] [progress size=”95″ variation=”progress-bar-danger” striped=”progress-striped” animated=”active”] [divider_top] [section label=”Labels and Badges”]

Labels & Badges

[label variation=”label-default”]label[/label][label variation=”label-primary”]label[/label][label variation=”label-success”]label[/label][label variation=”label-info”]label[/label][label variation=”label-warning”]label[/label][label variation=”label-danger”]label[/label] [badge]12[/badge][badge]24[/badge][badge]badge[/badge][badge]5.3[/badge][badge]any text you want[/badge] [divider_top] [section label=”Tooltips”]

Tooltips

Voila - The Tooltip! Voila - The Tooltip! Voila - The Tooltip! Voila - The Tooltip! [divider_top] [section label=”Popovers”]

Popovers

[popover title=”Popover Title” body=”Here is the body text or content for the popover” placement=”top”]Top Popover[/popover][popover title=”Popover Title” body=”Here is the body text or content for the popover” placement=”right”]Right Popover[/popover][popover title=”Popover Title” body=”Here is the body text or content for the popover” placement=”bottom”]Bottom Popover[/popover][popover title=”Popover Title” body=”Here is the body text or content for the popover” placement=”left”]Left Popover[/popover] [divider_top] [section label=”Modal Dialog Box”]

Modal Dialog Box

[modal heading=”HEADING GOES HERE” footer=”optional footer text” dismiss_header=”dismiss_header” dismiss_footer=”dismiss_footer” text=”Click To Open Modal” size=”btn-lg” variation=”btn-primary”]
This is the body content of the modal

You can put any text that you want here, including HTML and shortcodes. For instance, here’s a popover button and a progress bar:
[clear] [popover title=”Popover Title” body=”Here is the body text or content for the popover” placement=”top”]Top Popover[/popover] [clear] [progress size=”86″ variation=”progress-bar-success” striped=”progress-striped” animated=”active”]

Some more content for fun

Mauris vehicula condimentum lorem, eleifend adipiscing magna porttitor tincidunt. Sed vel enim ullamcorper, tristique nisi et, commodo neque. Vestibulum volutpat quam vel erat adipiscing dictum. Nullam tincidunt nunc vel convallis fermentum. Donec erat lectus, vehicula sed arcu vitae, sodales tristique nibh. Praesent risus nibh, ultricies scelerisque rutrum a, molestie ac orci. Sed et cursus felis. Donec sed tristique est. Aliquam vel massa a sem aliquam bibendum. Sed in feugiat justo, vitae ultrices lacus. Aenean venenatis pulvinar congue. Aenean in lorem nec justo porttitor mattis.
[clear] Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

[/modal] [divider_top] [section label=”Tabs”]

Tabs

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est.

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est.

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

[divider_top] [section label=”Icons”]

Icons

[icons icon=”acrobat”][icons icon=”alert”][icons icon=”appstore”][icons icon=”down”][icons icon=”down-bold”][icons icon=”down-fat”][icons icon=”down-open”][icons icon=”left”][icons icon=”left-fat”][icons icon=”left-open”][icons icon=”right”][icons icon=”right-fat”][icons icon=”right-open”][icons icon=”up”][icons icon=”up-bold”][icons icon=”up-fat”][icons icon=”up-open”][icons icon=”attach”][icons icon=”attention”][icons icon=”awarded”][icons icon=”basket”][icons icon=”battery”][icons icon=”beaker”][icons icon=”book”][icons icon=”bookmark”][icons icon=”brush”][icons icon=”builder”][icons icon=”camera”][icons icon=”category”][icons icon=”check”][icons icon=”chrome”][icons icon=”cloud”][icons icon=”coffee”][icons icon=”commented”][icons icon=”comments”][icons icon=”credit-card”][icons icon=”floppy”][icons icon=”doc”][icons icon=”dollar”][icons icon=”dropbox”][icons icon=”email”][icons icon=”facebook”][icons icon=”fire”][icons icon=”firefox”][icons icon=”first”][icons icon=”flag”][icons icon=”flickr”][icons icon=”folder-open”][icons icon=”food”][icons icon=”footer”][icons icon=”forward”][icons icon=”gauge”][icons icon=”cog”][icons icon=”cog-alt”][icons icon=”globe”][icons icon=”gmail”][icons icon=”googleplus”][icons icon=”grid”][icons icon=”html5″][icons icon=”help-circled”][icons icon=”home”][icons icon=”ie”][icons icon=”info-circled”][icons icon=”instagram”][icons icon=”key”][icons icon=”laptop”][icons icon=”last”][icons icon=”lastfm”][icons icon=”leaf”][icons icon=”left-hand”][icons icon=”cc”][icons icon=”liked”][icons icon=”link”][icons icon=”linkedin”][icons icon=”list”][icons icon=”lock”][icons icon=”lock-open”][icons icon=”login”][icons icon=”logout”][icons icon=”loop”][icons icon=”magnet”][icons icon=”minus”][icons icon=”minus-squared”][icons icon=”mobile”][icons icon=”monitor”][icons icon=”moon”][icons icon=”next”][icons icon=”opera”][icons icon=”pages”][icons icon=”password”][icons icon=”pause”][icons icon=”paypal”][icons icon=”pencil”][icons icon=”picasa”][icons icon=”picture”][icons icon=”chart-pie”][icons icon=”pin”][icons icon=”pinterest”][icons icon=”play”][icons icon=”plus”][icons icon=”plus-squared”][icons icon=”previous”][icons icon=”quote-circled”][icons icon=”rss”][icons icon=”random”][icons icon=”recent”][icons icon=”reddit”][icons icon=”register”][icons icon=”reviewed”][icons icon=”right-hand”][icons icon=”scissors”][icons icon=”search”][icons icon=”settings”][icons icon=”sidebar”][icons icon=”signal”][icons icon=”signoff”][icons icon=”skype”][icons icon=”emo-angry”][icons icon=”emo-beer”][icons icon=”emo-coffee”][icons icon=”emo-cry”][icons icon=”emo-devil”][icons icon=”emo-displeased”][icons icon=”emo-grin”][icons icon=”emo-happy”][icons icon=”emo-laugh”][icons icon=”emo-saint”][icons icon=”emo-shoot”][icons icon=”emo-sleep”][icons icon=”emo-squint”][icons icon=”emo-sunglasses”][icons icon=”emo-surprised”][icons icon=”emo-thumbsup”][icons icon=”emo-tongue”][icons icon=”emo-unhappy”][icons icon=”emo-wink2″][icons icon=”emo-wink”][icons icon=”sort”][icons icon=”spin2″][icons icon=”spotify”][icons icon=”star”][icons icon=”star-full”][icons icon=”star-half”][icons icon=”star-half-empty”][icons icon=”stop”][icons icon=”stumbleupon”][icons icon=”style”][icons icon=”suitcase”][icons icon=”tablet”][icons icon=”tag”][icons icon=”target”][icons icon=”thumbs-down”][icons icon=”thumbs-up”][icons icon=”tools”][icons icon=”trending”][icons icon=”truck”][icons icon=”tumblr”][icons icon=”twitter”][icons icon=”username”][icons icon=”users”][icons icon=”video”][icons icon=”viewed”][icons icon=”vimeo”][icons icon=”water”][icons icon=”wifi”][icons icon=”wikipedia”][icons icon=”window”][icons icon=”windows”][icons icon=”wordpress”][icons icon=”wrench”][icons icon=”x”][icons icon=”yahoo”][icons icon=”youtube”][icons icon=”zoom-in”][icons icon=”zoom-out”]
[icons icon=”acrobat”][icons icon=”alert”][icons icon=”appstore”][icons icon=”down”][icons icon=”down-bold”][icons icon=”down-fat”][icons icon=”down-open”][icons icon=”left”][icons icon=”left-fat”][icons icon=”left-open”][icons icon=”right”][icons icon=”right-fat”][icons icon=”right-open”][icons icon=”up”][icons icon=”up-bold”][icons icon=”up-fat”][icons icon=”up-open”][icons icon=”attach”][icons icon=”attention”][icons icon=”awarded”][icons icon=”basket”][icons icon=”battery”][icons icon=”beaker”][icons icon=”book”][icons icon=”bookmark”][icons icon=”brush”][icons icon=”builder”][icons icon=”camera”][icons icon=”category”][icons icon=”check”][icons icon=”chrome”][icons icon=”cloud”][icons icon=”coffee”][icons icon=”commented”][icons icon=”comments”][icons icon=”credit-card”][icons icon=”floppy”][icons icon=”doc”][icons icon=”dollar”][icons icon=”dropbox”][icons icon=”email”][icons icon=”facebook”][icons icon=”fire”][icons icon=”firefox”][icons icon=”first”][icons icon=”flag”][icons icon=”flickr”][icons icon=”folder-open”][icons icon=”food”][icons icon=”footer”][icons icon=”forward”][icons icon=”gauge”][icons icon=”cog”][icons icon=”cog-alt”][icons icon=”globe”][icons icon=”gmail”][icons icon=”googleplus”][icons icon=”grid”][icons icon=”html5″][icons icon=”help-circled”][icons icon=”home”][icons icon=”ie”][icons icon=”info-circled”][icons icon=”instagram”][icons icon=”key”][icons icon=”laptop”][icons icon=”last”][icons icon=”lastfm”][icons icon=”leaf”][icons icon=”left-hand”][icons icon=”cc”][icons icon=”liked”][icons icon=”link”][icons icon=”linkedin”][icons icon=”list”][icons icon=”lock”][icons icon=”lock-open”][icons icon=”login”][icons icon=”logout”][icons icon=”loop”][icons icon=”magnet”][icons icon=”minus”][icons icon=”minus-squared”][icons icon=”mobile”][icons icon=”monitor”][icons icon=”moon”][icons icon=”next”][icons icon=”opera”][icons icon=”pages”][icons icon=”password”][icons icon=”pause”][icons icon=”paypal”][icons icon=”pencil”][icons icon=”picasa”][icons icon=”picture”][icons icon=”chart-pie”][icons icon=”pin”][icons icon=”pinterest”][icons icon=”play”][icons icon=”plus”][icons icon=”plus-squared”][icons icon=”previous”][icons icon=”quote-circled”][icons icon=”rss”][icons icon=”random”][icons icon=”recent”][icons icon=”reddit”][icons icon=”register”][icons icon=”reviewed”][icons icon=”right-hand”][icons icon=”scissors”][icons icon=”search”][icons icon=”settings”][icons icon=”sidebar”][icons icon=”signal”][icons icon=”signoff”][icons icon=”skype”][icons icon=”emo-angry”][icons icon=”emo-beer”][icons icon=”emo-coffee”][icons icon=”emo-cry”][icons icon=”emo-devil”][icons icon=”emo-displeased”][icons icon=”emo-grin”][icons icon=”emo-happy”][icons icon=”emo-laugh”][icons icon=”emo-saint”][icons icon=”emo-shoot”][icons icon=”emo-sleep”][icons icon=”emo-squint”][icons icon=”emo-sunglasses”][icons icon=”emo-surprised”][icons icon=”emo-thumbsup”][icons icon=”emo-tongue”][icons icon=”emo-unhappy”][icons icon=”emo-wink2″][icons icon=”emo-wink”][icons icon=”sort”][icons icon=”spin2″][icons icon=”spotify”][icons icon=”star”][icons icon=”star-full”][icons icon=”star-half”][icons icon=”star-half-empty”][icons icon=”stop”][icons icon=”stumbleupon”][icons icon=”style”][icons icon=”suitcase”][icons icon=”tablet”][icons icon=”tag”][icons icon=”target”][icons icon=”thumbs-down”][icons icon=”thumbs-up”][icons icon=”tools”][icons icon=”trending”][icons icon=”truck”][icons icon=”tumblr”][icons icon=”twitter”][icons icon=”username”][icons icon=”users”][icons icon=”video”][icons icon=”viewed”][icons icon=”vimeo”][icons icon=”water”][icons icon=”wifi”][icons icon=”wikipedia”][icons icon=”window”][icons icon=”windows”][icons icon=”wordpress”][icons icon=”wrench”][icons icon=”x”][icons icon=”yahoo”][icons icon=”youtube”][icons icon=”zoom-in”][icons icon=”zoom-out”]
[icons icon=”acrobat”][icons icon=”alert”][icons icon=”appstore”][icons icon=”down”][icons icon=”down-bold”][icons icon=”down-fat”][icons icon=”down-open”][icons icon=”left”][icons icon=”left-fat”][icons icon=”left-open”][icons icon=”right”][icons icon=”right-fat”][icons icon=”right-open”][icons icon=”up”][icons icon=”up-bold”][icons icon=”up-fat”][icons icon=”up-open”][icons icon=”attach”][icons icon=”attention”][icons icon=”awarded”][icons icon=”basket”][icons icon=”battery”][icons icon=”beaker”][icons icon=”book”][icons icon=”bookmark”][icons icon=”brush”][icons icon=”builder”][icons icon=”camera”][icons icon=”category”][icons icon=”check”][icons icon=”chrome”][icons icon=”cloud”][icons icon=”coffee”][icons icon=”commented”][icons icon=”comments”][icons icon=”credit-card”][icons icon=”floppy”][icons icon=”doc”][icons icon=”dollar”][icons icon=”dropbox”][icons icon=”email”][icons icon=”facebook”][icons icon=”fire”][icons icon=”firefox”][icons icon=”first”][icons icon=”flag”][icons icon=”flickr”][icons icon=”folder-open”][icons icon=”food”][icons icon=”footer”][icons icon=”forward”][icons icon=”gauge”][icons icon=”cog”][icons icon=”cog-alt”][icons icon=”globe”][icons icon=”gmail”][icons icon=”googleplus”][icons icon=”grid”][icons icon=”html5″][icons icon=”help-circled”][icons icon=”home”][icons icon=”ie”][icons icon=”info-circled”][icons icon=”instagram”][icons icon=”key”][icons icon=”laptop”][icons icon=”last”][icons icon=”lastfm”][icons icon=”leaf”][icons icon=”left-hand”][icons icon=”cc”][icons icon=”liked”][icons icon=”link”][icons icon=”linkedin”][icons icon=”list”][icons icon=”lock”][icons icon=”lock-open”][icons icon=”login”][icons icon=”logout”][icons icon=”loop”][icons icon=”magnet”][icons icon=”minus”][icons icon=”minus-squared”][icons icon=”mobile”][icons icon=”monitor”][icons icon=”moon”][icons icon=”next”][icons icon=”opera”][icons icon=”pages”][icons icon=”password”][icons icon=”pause”][icons icon=”paypal”][icons icon=”pencil”][icons icon=”picasa”][icons icon=”picture”][icons icon=”chart-pie”][icons icon=”pin”][icons icon=”pinterest”][icons icon=”play”][icons icon=”plus”][icons icon=”plus-squared”][icons icon=”previous”][icons icon=”quote-circled”][icons icon=”rss”][icons icon=”random”][icons icon=”recent”][icons icon=”reddit”][icons icon=”register”][icons icon=”reviewed”][icons icon=”right-hand”][icons icon=”scissors”][icons icon=”search”][icons icon=”settings”][icons icon=”sidebar”][icons icon=”signal”][icons icon=”signoff”][icons icon=”skype”][icons icon=”emo-angry”][icons icon=”emo-beer”][icons icon=”emo-coffee”][icons icon=”emo-cry”][icons icon=”emo-devil”][icons icon=”emo-displeased”][icons icon=”emo-grin”][icons icon=”emo-happy”][icons icon=”emo-laugh”][icons icon=”emo-saint”][icons icon=”emo-shoot”][icons icon=”emo-sleep”][icons icon=”emo-squint”][icons icon=”emo-sunglasses”][icons icon=”emo-surprised”][icons icon=”emo-thumbsup”][icons icon=”emo-tongue”][icons icon=”emo-unhappy”][icons icon=”emo-wink2″][icons icon=”emo-wink”][icons icon=”sort”][icons icon=”spin2″][icons icon=”spotify”][icons icon=”star”][icons icon=”star-full”][icons icon=”star-half”][icons icon=”star-half-empty”][icons icon=”stop”][icons icon=”stumbleupon”][icons icon=”style”][icons icon=”suitcase”][icons icon=”tablet”][icons icon=”tag”][icons icon=”target”][icons icon=”thumbs-down”][icons icon=”thumbs-up”][icons icon=”tools”][icons icon=”trending”][icons icon=”truck”][icons icon=”tumblr”][icons icon=”twitter”][icons icon=”username”][icons icon=”users”][icons icon=”video”][icons icon=”viewed”][icons icon=”vimeo”][icons icon=”water”][icons icon=”wifi”][icons icon=”wikipedia”][icons icon=”window”][icons icon=”windows”][icons icon=”wordpress”][icons icon=”wrench”][icons icon=”x”][icons icon=”yahoo”][icons icon=”youtube”][icons icon=”zoom-in”][icons icon=”zoom-out”]
[icons icon=”firefox”]
[divider_top] [section label=”Lists and Columns”]

Lists & Columns

[lists style=”plus”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”liked”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”star”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”check”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”right-thin”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”right-fat”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”right-open”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”x”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”tag”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”help-circled”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”info-circled”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”attention”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”minus”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”pencil”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[lists style=”thumbs-up”]
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
[/lists]
[divider_top] [section label=”Tables”]

Tables

Default table style:

[table]
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
[/table]

Striped table style:

[table style=”table-striped”]
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
[/table]

Bordered table style:

[table style=”table-bordered”]
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
[/table]

This table has hover effect on rows:

[table style=”table-hover”]
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
[/table]

Condensed table style:

[table style=”table-condensed”]
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable Cell
[/table] [divider_top] [section label=”Jumbotron”]

Jumbotron

[jumbotron heading=”Jumbotron Header” tagline=”Here’s an optional tagline”]

This is the content for the jumbotron. Anything can go here including HTML and shortcodes. Create the shortcodes first and then copy + paste them into the content of the jumbotron for easiest use. Here’s a button added for fun:

Cool Dude [/jumbotron] [divider_top] [section label=”Carousel”]

Carousel

[carousel arrows=”display” buttons=”display” caption=”display” interval=”3″] [panel]plane[/panel] [panel title=”Optional Slide Title” description=”This slide has a description”]city5[/panel] [panel]city6[/panel] [/carousel] [divider_top] [section label=”Toggles”]

Toggles

[toggles behavior=”toggle”]

Toggle Panel 1 Title

Toggle Panel 1 Title

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Toggle Panel 2 Title

Toggle Panel 2 Title

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Last Toggle Panel

Last Toggle Panel

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

[/toggles] [divider_top] [section label=”Accordion”]

Accordion

[toggles behavior=”accordion”]

Accordion Panel 1 Title

Accordion Panel 1 Title

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Accordion Panel 2 Title

Accordion Panel 2 Title

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Last Accordion Panel

Last Accordion Panel

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

[/toggles] [divider_top] [section label=”Blockquote”]

Blockquote

[blockquote cite=”Person’s Name”]Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.[/blockquote] [blockquote right=”pull-right” cite=”Person’s Name”]Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.[/blockquote] [divider_top] [section label=”Signoffs”]

Signoffs

[signoff predefined=”Custom Signoff” icon=”pencil”][/signoff] [signoff icon=”lock”]You can create one-off signoffs instead of using the theme options defined content, and you can choose any icon you want to accompany the signoff to the left. The possibilities are endless![/signoff] [signoff icon=”flag”]You can create one-off signoffs instead of using the theme options defined content, and you can choose any icon you want to accompany the signoff to the left. The possibilities are endless![/signoff] [signoff icon=”star-full”]You can create one-off signoffs instead of using the theme options defined content, and you can choose any icon you want to accompany the signoff to the left. The possibilities are endless![/signoff] [divider_top] [section label=”Miscellaneous”]

Miscellaneous

Styled Ampersand:

[styled_amp size=”200″][styled_amp size=”150″][styled_amp size=”100″][styled_amp size=”50″][styled_amp size=”30″][styled_amp size=”20″][styled_amp size=”10″]

Two paragraphs separated by a divider:

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Headers

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline
Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

Donec vitae orci vitae mi varius molestie. Aliquam erat volutpat. Donec faucibus urna nec accumsan tempus. Vivamus venenatis risus sed orci dictum fringilla. Vestibulum dignissim adipiscing nunc, ac eleifend mi posuere ut. Suspendisse vitae porta lectus. Nullam ut eros ac velit semper sodales sed nec sem. Ut et tincidunt felis. Curabitur aliquet iaculis erat, sit amet facilisis risus gravida eu. Curabitur consectetur elit non felis gravida congue. Curabitur quis leo est. Nam varius sed ligula in sollicitudin. Donec nisi ante, venenatis eget facilisis eu, rhoncus quis ligula. Curabitur varius, massa a fringilla condimentum, ipsum diam varius ligula, ac posuere metus neque a enim.

Here's a caption
Here’s a caption

Donec rutrum, tellus vulputate aliquet scelerisque, elit nunc facilisis tellus, nec commodo purus tellus bibendum arcu. Praesent auctor condimentum congue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas a sem et tellus aliquam imperdiet. Mauris eget diam justo. Sed sem sapien, malesuada in egestas sed, lacinia at ipsum. Sed egestas, mi eu imperdiet blandit, felis erat convallis turpis, a tincidunt nisl justo ac nunc. Nullam quis convallis ipsum. Etiam fringilla lectus erat, eu lobortis mauris volutpat sit amet.

Donec rutrum, tellus vulputate aliquet scelerisque, elit nunc facilisis tellus, nec commodo purus tellus bibendum arcu. Praesent auctor condimentum congue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas a sem et tellus aliquam imperdiet. Mauris eget diam justo. Sed sem sapien, malesuada in egestas sed, lacinia at ipsum. Sed egestas, mi eu imperdiet blandit, felis erat convallis turpis, a tincidunt nisl justo ac nunc. Nullam quis convallis ipsum. Etiam fringilla lectus erat, eu lobortis mauris volutpat sit amet.

Donec rutrum, tellus vulputate aliquet scelerisque, elit nunc facilisis tellus, nec commodo purus tellus bibendum arcu. Praesent auctor condimentum congue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas a sem et tellus aliquam imperdiet. Mauris eget diam justo. Sed sem sapien, malesuada in egestas sed, lacinia at ipsum. Sed egestas, mi eu imperdiet blandit, felis erat convallis turpis, a tincidunt nisl justo ac nunc. Nullam quis convallis ipsum. Etiam fringilla lectus erat, eu lobortis mauris volutpat sit amet.

I love captions, you?
I love captions, you?

Donec rutrum, tellus vulputate aliquet scelerisque, elit nunc facilisis tellus, nec commodo purus tellus bibendum arcu. Praesent auctor condimentum congue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas a sem et tellus aliquam imperdiet. Mauris eget diam justo. Sed sem sapien, malesuada in egestas sed, lacinia at ipsum. Sed egestas, mi eu imperdiet blandit, felis erat convallis turpis, a tincidunt nisl justo ac nunc. Nullam quis convallis ipsum. Etiam fringilla lectus erat, eu lobortis mauris volutpat sit amet.

Praesent vitae orci tortor. Nunc commodo turpis nisl, et pellentesque turpis fermentum in. Sed a tellus in neque convallis eleifend. Maecenas mattis nibh id imperdiet sagittis. Cras vehicula sollicitudin velit sed blandit. Nunc fermentum metus hendrerit quam ultricies, eget cursus elit semper. Duis tincidunt nunc et facilisis faucibus. Quisque tincidunt luctus gravida. Proin aliquam et mauris id rutrum.

[section label=”Gallery”] Lightbox-enabled Image Gallery:

[divider_top]

أضف تعليقاً