Vertical Tabs

Shortcode:

[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]

[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]

[dt_sc_tabs_horizontal_frame_less]
[dt_sc_tab title="Tab 1"] . . . [/dt_sc_tab]
[dt_sc_tab title="Tab 2"] . . . [/dt_sc_tab]
[/dt_sc_tabs_horizontal_frame_less]

[dt_sc_accordion_group]
[dt_sc_toggle title="What is Lorem Ipsum?"] . . . [/dt_sc_toggle]
[dt_sc_toggle title="Where does it come from?"] . . . [/dt_sc_toggle]
[/dt_sc_accordion_group]

[dt_sc_accordion_group]
[dt_sc_toggle_framed title="Tab 1"] . . . [/dt_sc_toggle_framed]
[dt_sc_toggle_framed title="Tab 2"] . . . [/dt_sc_toggle_framed]
[/dt_sc_accordion_group]

 [dt_sc_accordion_group] [dt_sc_toggle_framed title="Tab 1"] . . . [/dt_sc_toggle_framed] [dt_sc_toggle_framed title="Tab 2"] . . . [/dt_sc_toggle_framed] [/dt_sc_accordion_group] 

[dt_sc_accordion_group]
[dt_sc_toggle title="Tab1"] . . . [/dt_sc_toggle]
[dt_sc_toggle title="Tab2"] . . . [/dt_sc_toggle]
[/dt_sc_accordion_group]

Buttons

Shortcode:

[dt_sc_button size="" variation="red" align="left" target="_blank"]Button[/dt_sc_button]

Fancy Titled Boxes

Shortcode:

[dt_sc_box type="titled-box" title="Titled Box" variation="blue" textcolor="#ffffff"]...[/dt_sc_box]

Notification Boxes

Shortcode:

[dt_sc_box type="warning-box"]Your text goes here [/dt_sc_box]

Pricing Table Type 1

Shortcode:

[dt_sc_pricing_table type =" type1"]
[dt_sc_pricing_table_item heading='' button_text='' button_link='#' price='' per='' selected]
<ul>
<li>Text</li>
<li>Text</li>
</ul>
[/dt_sc_pricing_table_item]
[/dt_sc_pricing_table]

Blockquotes

Shortcode:

[dt_sc_blockquote  variation="green"]....[/dt_sc_blockquote]

Pullquotes

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eiu modi tempora.

Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.

Shortcode:

[dt_sc_pullquote type="pullquote3" icon="yes" align="center"]....[/dt_sc_pullquote]

• Type1
• Type2
• Type3
• Type4
• Type5
• Type6

Progress Bars

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]

• Default
• Stripe
• Active

ToolTip

Shortcode:

[dt_sc_tooltip type="default" position="left" tooltip="Consectetur adipisicing elit" target="_blank"]ToolTip in Left[/dt_sc_tooltip]

Team

• 
• 
• 

Jone Doe

Web Developer

• 
• 
• 

Jone Doe

Web Developer

• 
• 
• 

Jone Doe

Web Developer

• 
• 
• 

Jone Doe

Web Developer

Shortcode:

[dt_sc_team name="Jone Doe" role="Web Developer" image="team.jpg" twitter="#" facebook="#" google="#" linkedin="#" /]

Ordered Lists

Shortcode:

[dt_sc_fancy_ol style="lower-roman"]
<ol>
<li>Lorem ipsum dolor sit</li>
<li>Phasellus auctor augue</li>
</ol>
[/dt_sc_fancy_ol]

Unordered Lists

Shortcode:

[dt_sc_fancy_ul style="rounded-plus" variation="cyan"]
<ul>
<li>Nullam ac sapien sit</li>
<li>Phasellus auctor augue</li>
</ul>
[/dt_sc_fancy_ul]

Dividers

Shortcode:

[dt_sc_hr]

Shortcode:

[dt_sc_hr top]

Shortcode:

[dt_sc_hr_invisible]

Testimonials

Shortcode:

[dt_sc_testimonial name="Lorem" image=""].....[/dt_sc_testimonial]

Custom Theme Shortcodes

Call To Action

Shortcode:

[call_to_action animation="bounceIn" delay= "300"] Put Your Content[/call_to_action]

Service Shortcode

Shortcode:

[theme_service animation="bounceIn" delay= "300" icon="icon-laptop" title="Put Title"] Put Your Content[/theme_service]

Margin

Shortcode:

[dt_margin value="30"/]

Animation Div

Shortcode:

[dt_animate animation="bounceIn" delay= "300"] Put Your Content[/dt_animate]

Custom Service Shortcode

Shortcode:

[theme_custom_service animation="bounceIn" delay= "300" icon="icon-bulb" title="Put Title"] Put Your Content[/theme_custom_service]

Border Title

Put Your Title

Shortcode:

[border_title tag="h2"]Put Your Title[/border_title]

Carousel Testimonials

Shortcode:

[dt_testimonial]
[dt_quote animation="fadeUp" delay="300" figure_url="" title="Put Title" subtitle="Put Sub Title"]Put Your Content[/dt_quote]
[dt_quote animation="fadeUp" delay="300" figure_url="" title="Put Title" subtitle="Put Sub Title"]Put Your Content[/dt_quote]
[/dt_testimonial]

Double Button

Shortcode:

[double_button btn1_title="Put Title" btn1_link="#" mid_text="or" btn2_title="Put Title" btn2_link="#" /]

Newsletter Container

Shortcode:

[newsletter_container title="Put Title" list_id="Mailchimp List ID"]Put Your Content[/newsletter_container]

Theme Button

Shortcode:

[theme_button animation="fadeIn" delay="300" size="small" text="Put Text" arrow="true" link="#" target="blank" color="red" /]

Contact Form

[dt_contactform submit_text="Put Text" success_msg="Put Content" error_msg="Put Content" subject="Put Content" admin_email="Put Email" /]

Progress Chart

Shortcode:

[progress_chart percentage="20" percent_text="Save" bgcolor="#f5f5f5" fgcolor="#E74D3C" title="Put Title" subtitle="Put Sub Title" button_text="Put Text" button_link="#" button_size="small" button_color="red" /]

Progress Chart

Shortcode:

[dt_intro_text] Put Content [/dt_intro_text]

Blog Shortcode

Nothing Found.

Apologies, but no results were found for the requested archive.

Shortcode:

[dt_blog_posts categories='46' posts_column='one-half-column' limit='2' /]

Portfolio Shortcode

Shortcode:

[dt_portfolio_items posts_column='one-fourth-column' limit='4' /]

Tweet Pin ItNunc erat dolor, gravida in ante at, fringilla ornare purus. Donec egestas rhoncus magna nec aliquam. Nunc ornare volutpat felis dignissim rhoncus. Duis dui urna, gravida posuere urna nec, vulputate sollicitudin massa. Nam magna orci, placerat vel ullamcorper sit amet, ultricies a orci. Proin gravida orci ante, sit amet varius massa pulvinar eu. Maecenas eleifend fringilla interdum. Nunc malesuada a purus ultricies adipiscing. Sed nec velit velit. Praesent convallis iaculis euismod. Nullam et dapibus mi, sit amet elementum justo. In aliquam tortor ut scelerisque ultricies. In at pretium lorem, quis tincidunt libero. Aenean hendrerit odio ac lorem molestie, quis tincidunt sem consequat. Praesent sit amet lacus ante. Curabitur convallis, mauris vel blandit pharetra, nisi tellus euismod arcu, non pulvinar quam metus nec diam.