Shortcodes

Horizontal Tabs

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime. Nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor optio cumque nihil  repellendus.

Adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.

Dolor sit amet, consectetur adipiscing elit. Morbi euismod diam eu arcu volutpat ut adipiscing sem tempus mauris dolor malesuada arcu.

  • Nihil impedit quo minus id quod maxime placeat facere
  • Omnis voluptas assumenda est, omnis dolor repellendus.
  • Curabitur facilisis magna et volutpat venenatis.
  • Ut a mauris vitae velit feugiat suscipit.

Vivamus adipiscing, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime. Nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor optio cumque nihil repellendus.

  • Nihil impedit quo minus id quod maxime placeat facere
  • Omnis voluptas assumenda est, omnis dolor repellendus.
  • Curabitur facilisis magna et volutpat venenatis.
  • Ut a mauris vitae velit feugiat suscipit.

Shortcode :

</p>
[dt_sc_tabs_horizontal]
[dt_sc_tab title="Tab 1"]…….[/dt_sc_tab]
[dt_sc_tab title="Tab 2"]…….[/dt_sc_tab]
[/dt_sc_tabs_horizontal]

 

Vertical Tabs

Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod.

Morbi vel elit magna, at laoreet eros. Nullam non lectus fringilla nisl tincidunt pellentesque. Vivamus odio velit, laoreet ac molestie nec, sodales at quam. Nullam pellentesque tristique tristique.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Pellentesque augue lacus, porta vel ultricies vitae, ullamcorper eget purus. Aliquam risus mauris, suscipit eget scelerisque in, dapibus at mauris.

Shortcode :

</p>
[dt_sc_tabs_vertical]
[dt_sc_tab title="Tab 1"]…….[/dt_sc_tab]
[dt_sc_tab title="Tab 2"]…….[/dt_sc_tab]
[/dt_sc_tabs_vertical]

Framed Accordion

Accordion 1
Accordion 2
Accordion 3

Shortcode :

</p>
[dt_sc_accordion_group]
[dt_sc_toggle_framed title="Accordion 1"]…[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title="Accordion 2"]…[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title="Accordion 3"]…[/dt_sc_toggle_framed]
[/dt_sc_accordion_group]

Standard Accordion

Accordion 1
Accordion 2
Accordion 3
Accordion 4

Shortcode :

</p>
[dt_sc_accordion_group]
[dt_sc_toggle title="Accordion 1"]…[/dt_sc_toggle]
[dt_sc_toggle title="Accordion 2"]…[/dt_sc_toggle]
[dt_sc_toggle title="Accordion 3"]…[/dt_sc_toggle]
[/dt_sc_accordion_group]

Framed Toggle

Toggle 1
Toggle 2
Toggle 3

Shortcode :

</p>
[dt_sc_toggle_framed title="Toggle 1"]…[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title="Toggle 2"]…[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title="Toggle 3"]…[/dt_sc_toggle_framed]

Standard Toggle

Toggle 1
Toggle 2
Toggle 3
Toggle4
Toggle 5
Toggle 6

Shortcode :

</p>
[dt_sc_toggle title="Toggle 1"]…[/dt_sc_toggle]
[dt_sc_toggle title="Toggle 2"]…[/dt_sc_toggle]
[dt_sc_toggle title="Toggle 3"]…[/dt_sc_toggle]

Buttons

Shortcode :

</p>
[dt_sc_button link="#" size="small" variation="blue" target="_blank" arrow="No"] Button[/dt_sc_button]

Shortcode :

</p>
[dt_sc_button link="#" size="small" variation="blue" target="_blank" arrow="Yes"] Button[/dt_sc_button]

Available Variation :

  • brown
  • lightgreen
  • salmon
  • slategrey
  • yellow
  • turquoise
  • seagreen
  • chocolate
  • orange
  • blue

Available Sizes :

  • small
  • medium
  • large
  • xlarge

Fancy Titled Boxes

Titled Box Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos.,

Titled Box Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos.,

Titled Box Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos.,

Titled Box Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos.,

Shortcode :

</p>
[dt_sc_box type="titled-box" title="Titled Box Example" variation="blue"]…[/dt_sc_box]

Notification Boxes

This is error box with link

This is error box with link

This is error box with link

This is error box with link

Shortcode :

</p>
[dt_sc_box type="success-box"]…[/dt_sc_box]

Progress Bars

Default

Photoshop90%
WordPress75%
HTML / CSS85%
Andriod65%

Stripe

Photoshop90%
WordPress75%
HTML / CSS 85%
Andriod65%

Active

Photoshop90%
WordPress75%
HTML / CSS 85%
Andriod65%

Shortcode :

[dt_sc_progressbar value='90'  type='standard' color='#7aa127' textcolor=''] Photoshop[/dt_sc_progressbar]
[dt_sc_progressbar value='90' type='progress-striped' color='#e67fb9' textcolor=''] Photoshop[/dt_sc_progressbar]
[dt_sc_progressbar value='90' type='progress-striped-active' color='#a23b6f'] Photoshop[/dt_sc_progressbar]

Attributes :

  • Default
  • Stripe
  • Active

Pricing Tables

Logo
$40 Per Hour

Money back Gurantee

  • Cras et metus in tortor ultricies
  • Single Domain
  • Aliquam posuere
  • Ut ut nisi placerat
Heading
$30 Per Hour

Money back Gurantee

  • Single Domain
  • Single Domain
  • UNLIMITED Disk Space
  • UNLIMITED Disk Space
Heading
$20 Per Hour

Money back Gurantee

  • Single Domain
  • Single Domain
  • UNLIMITED Disk Space
  • UNLIMITED Disk Space

Shortcode :

[dt_sc_one_third first]
[dt_sc_pricing_table_item heading='Logo' subheading='Sub' button_text='Button' button_link='#' price='$40' per='Hour']
[dt_sc_fancy_ul class='tb-content']
<ul>
<li>Cras et metus in tortor ultricies</li>
<li>Single Domain</li>
</ul>
[/dt_sc_fancy_ul]
[/dt_sc_pricing_table_item]
[/dt_sc_one_third]

Blockquotes

Aenean mattis odio non eros blandit, sed accumsan leo sodales. Nunc pulvinar ultrices ligula, eget dictum justo fringilla facilisis. In fermentum vel arcu placerat pellentesque. Fusce accumsan ipsum eu iaculis feugiat. Suspendisse commodo rutrum arcu non laoreet. Ut suscipit mauris diam, nec vehicula tellus malesuada non.

Shortcode :

[dt_sc_blockquote class='']…[/dt_sc_blockquote]

Pullquotes

Donec porta, justo tincidunt vulputate adipiscing, risus tortor consequat lacus, ullamcorper consequat erat sem condimentum eros. Nunc congue et sem eget tincidunt. Nunc dapibus, odio nec porttitor euismod, elit odio condimentum velit, non dictum ligula dolor in tellus. Sed et ligula vehicula, bibendum enim non, pulvinar purus. Nullam scelerisque quam sit amet augue euismod, in congue enim varius. Curabitur elementum quam vel leo eleifend pharetra.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit Morbi pellentesque, turpis sollicitudin dictum aliquet, risus justo condimentum tortor, sed placerat nisl turpis at massa. Morbi ac enim commodo, mattis odio sit amet, faucibus mauris. In et facilisis lorem, quis fringilla erat. Nunc erat dui, volutpat ut leo quis, egestas mattis ipsum. Praesent ac rhoncus tortor. Duis et dolor tincidunt, ornare tortor eget, molestie massa. Curabitur sit amet cursus ligula. Sed ut massa eget nibh venenatis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit   Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed in velit augue. Vestibulum et elit id erat ullamcorper hendrerit eget nec neque. Cras aliquam libero lacus, quis laoreet velit elementum nec. Nulla facilisi. Ut tempus bibendum enim eu porta. Aenean sem ligula, molestie vel faucibus non, congue ut dui. Fusce convallis, sapien id interdum gravida, libero felis tempor quam, sed tincidunt nunc mauris ut enim. Nullam dolor dolor, dictum sed pharetra et, volutpat sit amet purus. Donec lobortis sodales augue nec molestie. Nullam faucibus sapien in lectus lobortis, at condimentum massa lobortis. Etiam vitae pellentesque massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec porta, justo tincidunt vulputate adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit

Shortcode :

[dt_sc_pullquote type="pullquote1" icon="yes" align="left"]…[/dt_sc_pullquote]

Types :

  • pullquote1
  • pullquote2
  • pullquote3
  • pullquote4
  • pullquote5
  • pullquote6

Unordered Lists

  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue
  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue
  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue
  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue
  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue
  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue
  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue
  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue

Shortcode :

[dt_sc_fancy_ul style="rounded-tick" variation="salmon"]…[/dt_sc_fancy_ul]

Available Styles :

  • arrow
  • rounded-arrow
  • double-arrow
  • heart
  • trash
  • star
  • tick
  • rounded-tick
  • cross
  • rounded-cross
  • rounded-question
  • rounded-info
  • delete
  • warning
  • comment
  • edit
  • share
  • plus
  • rounded-plus
  • minus
  • rounded-minus
  • asterisk
  • cart
  • folder
  • folder-open
  • desktop
  • tablet
  • mobile
  • reply
  • quote
  • mail
  • external-link
  • adjust
  • pencil
  • print
  • tag
  • thumbs-up
  • thumbs-down
  • time
  • globe
  • pushpin
  • map-marker
  • link
  • paper-clip
  • download
  • key
  • search
  • rss
  • twitter
  • facebook
  • linkedin
  • google-plus
  • circle-tick

Available Variations :

  • brown
  • lightgreen
  • salmon
  • slategrey
  • yellow
  • turquoise
  • seagreen
  • chocolate
  • orange
  • blue

Ordered Lists

  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue
  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue
  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue
  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue
  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue
  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue

Shortcode :

</p>
[dt_sc_fancy_ol style="decimal" variation="salmon"]…[/dt_sc_fancy_ol]

Available Variations :

  • brown
  • lightgreen
  • salmon
  • slategrey
  • yellow
  • turquoise
  • seagreen
  • chocolate
  • orange
  • blue

Available Styles :

  • decimal
  • decimal-leading-zero
  • lower-alpha
  • lower-roman
  • upper-alpha
  • upper-roman

Border Titles Left Aligned

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum
Lorem Ipsum

Border Titles Center Aligned

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum
Lorem Ipsum

Border Titles Right Aligned

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum
Lorem Ipsum

Shortcode :

</p>
[dt_sc_title type="H1" border="Yes or No" align="Left, Center or Right"]Lorem Ipsum[/dt_sc_title]

Tables

Header1 Header2 Header3 Header4 Header5
Division1 Division2 Division3 Division4 Division5
Division1 Division2 Division3 Division4 Division5
Division1 Division2 Division3 Division4 Division5
Division1 Division2 Division3 Division4 Division5

Columns

Column 1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et.

Column 1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et.

Column 1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est

Column 1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est

Column 1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est

Column 1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est

Column 2/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et.

Column 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 2/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et.

Column 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 3/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et. Sed sit amet est et turpis viverra consequat.

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 2/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non justo vitae

Column 2/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non justo vitae

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 3/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non justo vitae odio fringilla dapibus id nec est.

Column 1/5

Lorem ipsum dolor sit amet, consectetur

Column 4/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non justo vitae odio fringilla dapibus id nec est. Integer eu felis lectus, quis sagittis nisl.

Column 2/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non justo vitae

Column 3/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non justo vitae odio fringilla dapibus id nec est.

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 2/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 2/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 2/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 2/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 2/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 1/6

Lorem ipsum dolor sit amet

Column 2/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 3/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est

Column 3/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est

Column 3/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est

Column 1/6

Lorem ipsum dolor sit amet

Column 1/6

Lorem ipsum dolor sit amet

Column 4/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur.

Column 1/6

Lorem ipsum dolor sit amet

Column 5/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur. Lorem ipsum dolor sit amet, consectetur

Column 2/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column 4/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur.