Vertical Tabs

[dt_sc_tabs_vertical]
[dt_sc_tab title=”What is Lorem Ipsum?”]

Flexible App

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 maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
[/dt_sc_tab]
[dt_sc_tab title=”Where does it come from?”]

Powerful Admin Panel

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.
[/dt_sc_tab]
[dt_sc_tab title=”Why do we use it?”]

Best Inbuilt features

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.
[/dt_sc_tab]
[/dt_sc_tabs_vertical]

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_one_half first]

Horizontal Tabs

[dt_sc_tabs_horizontal]
[dt_sc_tab title=”What is Lorem Ipsum?”]
Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.
[/dt_sc_tab]
[dt_sc_tab title=”Why do we use it?”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dolor quam, tincidunt in sollicitudin sit amet, volutpat sed velit. Nullam non neque ipsum..
[/dt_sc_tab]
[/dt_sc_tabs_horizontal]
Shortcode:

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

Frameless Tabs

[dt_sc_tabs_horizontal_frame_less]
[dt_sc_tab title=”What is Lorem Ipsum?”]
Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos. Nullam non lectus fringilla nisl.
Nullam non lectus fringilla nisl tincidunt pellentesque.
[/dt_sc_tab]
[dt_sc_tab title=”Why do we use it?”]
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.
[/dt_sc_tab]
[/dt_sc_tabs_horizontal_frame_less]
Shortcode:

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

[dt_sc_one_half first]

Standard Accordion Style

[dt_sc_accordion_group]
[dt_sc_toggle title=”What is Lorem Ipsum?”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Where does it come from?”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Why do we use it?”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Mauris lacinia tristique”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Praesent sed risus”]
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.
[/dt_sc_toggle]
[/dt_sc_accordion_group]
Shortcode:

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

Framed Accordion Style

[dt_sc_accordion_group]
[dt_sc_toggle_framed title=”What is Lorem Ipsum?”]
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.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Where does it come from?”]
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.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Why do we use it?”]
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.
[/dt_sc_toggle_framed]
[/dt_sc_accordion_group]
Shortcode:

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

[dt_sc_one_half first]

Standard Toggle Style

[dt_sc_toggle title=”What is Lorem Ipsum?”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Where does it come from?”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Why do we use it?”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Pellentesque fermentum”]
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.
[/dt_sc_toggle]
[dt_sc_toggle title=”Praesent sed risus”]
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.
[/dt_sc_toggle]

Shortcode:

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

Framed Toggle Style

[dt_sc_toggle_framed title=”What is Lorem Ipsum?”]
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.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Where does it come from?”]
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.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Why do we use it?”]
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.
[/dt_sc_toggle_framed]

Shortcode:

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

[/dt_sc_one_half]

Buttons

[dt_sc_one_fourth first][dt_sc_button size=”small” variation=”blue” textcolor=”#ffffff” align=”left” target=”_blank”]Small Button[/dt_sc_button] [dt_sc_button size=”medium” variation=”blue” textcolor=”#ffffff” align=”left” target=”_blank”]Medium Button[/dt_sc_button] [dt_sc_button size=”large” variation=”blue” align=”left” target=”_blank”]Large Button[/dt_sc_button][dt_sc_button size=”xlarge” variation=”blue” align=”left” target=”_blank”]Xlarge Button[/dt_sc_button][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_button size=”small” variation=”green” textcolor=”#ffffff” align=”left” target=”_blank”]Small Button[/dt_sc_button] [dt_sc_button size=”medium” variation=”green” textcolor=”#ffffff” align=”left” target=”_blank”]Medium Button[/dt_sc_button] [dt_sc_button size=”large” variation=”green” align=”left” target=”_blank”]Large Button[/dt_sc_button][dt_sc_button size=”xlarge” variation=”green” align=”left” target=”_blank”]Xlarge Button[/dt_sc_button][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_button size=”small” variation=”coral” textcolor=”#ffffff” align=”left” target=”_blank”]Small Button[/dt_sc_button] [dt_sc_button size=”medium” variation=”coral” textcolor=”#ffffff” align=”left” target=”_blank”]Medium Button[/dt_sc_button] [dt_sc_button size=”large” variation=”coral” align=”left” target=”_blank”]Large Button[/dt_sc_button][dt_sc_button size=”xlarge” variation=”coral” align=”left” target=”_blank”]Xlarge Button[/dt_sc_button][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_button size=”small” variation=”red” textcolor=”#ffffff” align=”left” target=”_blank”]Small Button[/dt_sc_button] [dt_sc_button size=”medium” variation=”red” textcolor=”#ffffff” align=”left” target=”_blank”]Medium Button[/dt_sc_button] [dt_sc_button size=”large” variation=”red” align=”left” target=”_blank”]Large Button[/dt_sc_button][dt_sc_button size=”xlarge” variation=”red” align=”left” target=”_blank”]Xlarge Button[/dt_sc_button][/dt_sc_one_fourth]

Shortcode:

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

[dt_sc_four_fifth first]
Available Variations:

[dt_sc_one_fourth first]

• green
• blue
• ocean
• pink
• orange

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• purple
• red
• slateblue
• skyblue
• coral

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• khaki
• cyan
• grey
• gold
• chocolate

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• raspberry
• electricblue
• eggplant
• ferngreen
• palebrown

[/dt_sc_one_fourth]
[/dt_sc_four_fifth]
[dt_sc_one_fifth]
Available Sizes:

• Small
• Medium
• Large
• Xlarge

[/dt_sc_one_fifth]

Fancy Titled Boxes

[dt_sc_one_half first][dt_sc_box type=”titled-box” title=”Titled Box blue” variation=”blue” textcolor=”#ffffff”]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.,[/dt_sc_box] [/dt_sc_one_half]
[dt_sc_one_half][dt_sc_box type=”titled-box” title=”Titled Box green” variation=”green” textcolor=”#ffffff”]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.,[/dt_sc_box] [/dt_sc_one_half][dt_sc_one_half first][dt_sc_box type=”titled-box” title=”Titled Box coral” variation=”coral” textcolor=”#ffffff”]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.,[/dt_sc_box] [/dt_sc_one_half]

[dt_sc_one_half][dt_sc_box type=”titled-box” title=”Titled Box red” variation=”red” textcolor=”#ffffff”]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.,[/dt_sc_box] [/dt_sc_one_half]

Shortcode:

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

Notification Boxes

[dt_sc_one_half first][dt_sc_box type=”error-box”]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.,[/dt_sc_box] [/dt_sc_one_half]
[dt_sc_one_half][dt_sc_box type=”warning-box”]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.,[/dt_sc_box] [/dt_sc_one_half] [dt_sc_one_half first][dt_sc_box type=”success-box”]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.,[/dt_sc_box] [/dt_sc_one_half]
[dt_sc_one_half][dt_sc_box type=”info-box”]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.,[/dt_sc_box] [/dt_sc_one_half]

Shortcode:

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

Pricing Table Type 1

[dt_sc_pricing_table type =” type1″]
[dt_sc_one_third first]
[dt_sc_pricing_table_item heading=’Basic’ button_text=’Buy Now’ button_link=’#’ price=’$40′ per=’per month’]

• 15 Projects
• 10GB Storage
• No Time Tracking
• Enhanced Security
• Unlimited Users

[/dt_sc_pricing_table_item]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_pricing_table_item heading=’Standard’ button_text=’Buy Now’ button_link=’#’ price=’$60′ per=’per month’ selected]

• 15 Projects
• 10GB Storage
• No Time Tracking
• Enhanced Security
• Unlimited Users

[/dt_sc_pricing_table_item]
[/dt_sc_one_third]
[dt_sc_one_third]
[dt_sc_pricing_table_item heading=’Premium’ button_text=’Buy Now’ button_link=’#’ price=’$80′ per=’per month’ ]

• 15 Projects
• 10GB Storage
• No Time Tracking
• Enhanced Security
• Unlimited Users

[/dt_sc_pricing_table_item]
[/dt_sc_one_third]

[/dt_sc_pricing_table]

Shortcode:

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

Blockquotes

[dt_sc_one_half first][dt_sc_blockquote variation=”skyblue”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit[/dt_sc_blockquote][/dt_sc_one_half]
[dt_sc_one_half][dt_sc_blockquote  variation=”green”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit[/dt_sc_blockquote][/dt_sc_one_half]

[dt_sc_one_half first][dt_sc_blockquote variation=”coral”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit[/dt_sc_blockquote][/dt_sc_one_half]
[dt_sc_one_half][dt_sc_blockquote  variation=”red”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit[/dt_sc_blockquote][/dt_sc_one_half]

Shortcode:

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

Pullquotes

[dt_sc_pullquote type=”pullquote1″ icon=”yes” align=”right”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit[/dt_sc_pullquote]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.[dt_sc_pullquote type=”pullquote2″ icon=”yes” align=”left”]Lorem ipsum dolor sit amet, adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit[/dt_sc_pullquote]

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.[dt_sc_pullquote type=”pullquote3″ icon=”yes” align=”center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit[/dt_sc_pullquote]

Shortcode:

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

Attributes:

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

Progress Bars

[dt_sc_one_third first]

Default

[dt_sc_progressbar value=’90’  type=’standard’ color=’#7aa127′ textcolor=”] Photoshop[/dt_sc_progressbar]
[dt_sc_progressbar value=’75’ type=’standard’ color=’#3498db’ textcolor=”] WordPress[/dt_sc_progressbar]
[dt_sc_progressbar value=’85’ type=’standard’ color=’#1abc9c’ textcolor=”] HTML / CSS [/dt_sc_progressbar]
[dt_sc_progressbar value=’65’ type=’standard’ color=’#f39d12′ textcolor=”] Andriod[/dt_sc_progressbar]

[/dt_sc_one_third]
[dt_sc_one_third]

Stripe

[dt_sc_progressbar value=’90’ type=’progress-striped’ color=’#e67fb9′ textcolor=”] Photoshop[/dt_sc_progressbar]
[dt_sc_progressbar value=’75’ type=’progress-striped’ color=’#b6af55′ textcolor=”] WordPress[/dt_sc_progressbar]
[dt_sc_progressbar value=’85’ type=’progress-striped’ color=’#00cdcd’ textcolor=”] HTML / CSS [/dt_sc_progressbar]
[dt_sc_progressbar value=’65’ type=’progress-striped’ color=’#8e8e8e’ textcolor=”] Andriod[/dt_sc_progressbar]

[/dt_sc_one_third]
[dt_sc_one_third]

Active

[dt_sc_progressbar value=’90’ type=’progress-striped-active’ color=’#a23b6f’] Photoshop[/dt_sc_progressbar]
[dt_sc_progressbar value=’75’ type=’progress-striped-active’ color=’#536878′] WordPress[/dt_sc_progressbar]
[dt_sc_progressbar value=’85’ type=’progress-striped-active’ color=’#614051′] HTML / CSS [/dt_sc_progressbar]
[dt_sc_progressbar value=’65’ type=’progress-striped-active’ color=’#4f7942′] Andriod[/dt_sc_progressbar]

[/dt_sc_one_third]

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

ToolTip

[dt_sc_one_fourth first][dt_sc_tooltip type=”top” bgcolor=”#dd9933″ textcolor=”#000000″ text=”ToolTip Content” href=”#” position=”top”]ToolTip in Top[/dt_sc_tooltip][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_tooltip type=”right” bgcolor=”#dd9933″ textcolor=”#000000″ text=”ToolTip Content” href=”#” position=”right”]ToolTip in Right[/dt_sc_tooltip][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_tooltip type=”bottom” bgcolor=”#dd9933″ textcolor=”#000000″ text=”ToolTip Content” href=”#” position=”bottom”]ToolTip in Bottom[/dt_sc_tooltip][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_tooltip type=”left” bgcolor=”#dd9933″ textcolor=”#000000″ text=”ToolTip Content” href=”#” position=”left”]ToolTip in Left[/dt_sc_tooltip][/dt_sc_one_fourth]

Shortcode:

 
[dt_sc_tooltip type="left" bgcolor="#dd9933" textcolor="#000000" text="ToolTip Content" href="#" position="left"]ToolTip in Left[/dt_sc_tooltip] 

Team

[dt_sc_one_fourth first][dt_sc_team name=”Jone Doe” role=”Web Developer” image=”http://placehold.it/230×230&text=Team1″ twitter=”#” facebook=”#” google=”#” linkedin=”#” /][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_team name=”Jone Doe” role=”Web Developer” image=”http://placehold.it/230×230&text=Team2″ twitter=”#” facebook=”#” google=”#” linkedin=”#” /][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_team name=”Jone Doe” role=”Web Developer” image=”http://placehold.it/230×230&text=Team3″ twitter=”#” facebook=”#” google=”#” linkedin=”#” /][/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_team name=”Jone Doe” role=”Web Developer” image=”http://placehold.it/230×230&text=Team4″ twitter=”#” facebook=”#” google=”#” linkedin=”#” /][/dt_sc_one_fourth]

Shortcode:

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

Ordered Lists

[dt_sc_one_fourth first][dt_sc_fancy_ol style=”decimal”]

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

[/dt_sc_fancy_ol] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ol style=”decimal-leading-zero”]

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

[/dt_sc_fancy_ol] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ol style=”lower-alpha”]

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

[/dt_sc_fancy_ol] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ol style=”lower-roman”]

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

[/dt_sc_fancy_ol] [/dt_sc_one_fourth]

Shortcode:

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

[dt_sc_four_fifth first]
Available Variations:

[dt_sc_one_fourth first]

• green
• blue
• ocean
• pink
• orange

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• purple
• red
• slateblue
• skyblue
• coral

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• khaki
• cyan
• grey
• gold
• chocolate

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• raspberry
• electricblue
• eggplant
• ferngreen
• palebrown

[/dt_sc_one_fourth]
[/dt_sc_four_fifth]
[dt_sc_one_fifth]
Available Styles

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

[/dt_sc_one_fifth]

Unordered Lists

[dt_sc_one_fourth first][dt_sc_fancy_ul style=”arrow” variation=”blue”]

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

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”rounded-tick” variation=”chocolate”]

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

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”trash” variation=”coral”]

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

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”rounded-plus” variation=”cyan”]

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

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]

Shortcode:

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

Available Styles

[dt_sc_one_fourth first]

• arrow
• rounded-arrow
• double-arrow
• heart
• trash
• star
• tick
• rounded-tick
• cross
• rounded-cross
• rounded-question
• rounded-info
• delete

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• warning
• comment
• edit
• share
• plus
• rounded-plus
• minus
• rounded-minus
• asterisk
• cart
• folder
• folder-open
• desktop

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• tablet
• mobile
• reply
• quote
• mail
• external-link
• adjust
• pencil
• print
• tag
• thumbs-up
• thumbs-down
• time

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• globe
• pushpin
• map-marker
• link
• paper-clip
• download
• key
• search
• rss
• twitter
• facebook
• linkedin
• google-plus

[/dt_sc_one_fourth]

Available Variations:

[dt_sc_one_fourth first]

• green
• blue
• ocean
• pink
• orange

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• purple
• red
• slateblue
• skyblue
• coral

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• khaki
• cyan
• grey
• gold
• chocolate

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• raspberry
• electricblue
• eggplant
• ferngreen
• palebrown

[/dt_sc_one_fourth]

Dividers

[dt_sc_hr]

Shortcode:

 
[dt_sc_hr] 

[dt_sc_hr top]

Shortcode:

 
[dt_sc_hr top] 

[dt_sc_hr_invisible]

Shortcode:

 
[dt_sc_hr_invisible] 

Testimonials

[dt_sc_testimonial name=”Lorem” image=””]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.[/dt_sc_testimonial]

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

[dt_sc_one_fourth class=”no-space” first][/dt_sc_one_fourth]
[dt_sc_one_fourth class=”no-space”][/dt_sc_one_fourth]
[dt_sc_one_fourth class=”no-space”][/dt_sc_one_fourth]
[dt_sc_one_fourth class=”no-space last”][/dt_sc_one_fourth]

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] 

Available Animations:

[dt_sc_one_fourth first]

• flash
• shake
• bounce
• tada
• swing
• wobble
• pulse
• flip
• flipInX
• flipOutX
• flipInY
• flipOutY
• fadeIn
• fadeInUp

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• fadeInDown
• fadeInLeft
• fadeInRight
• fadeInUpBig
• fadeInDownBig
• fadeInLeftBig
• fadeInRightBig
• fadeOut
• fadeOutUp
• fadeOutDown
• fadeOutLeft
• fadeOutRight
• fadeOutUpBig
• hinge

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• fadeOutDownBig
• fadeOutLeftBig
• fadeOutRightBig
• bounceIn
• bounceInUp
• bounceInDown
• bounceInLeft
• bounceInRight
• bounceOut
• bounceOutUp
• bounceOutDown
• bounceOutLeft
• bounceOutRight
• rotateIn

[/dt_sc_one_fourth]
[dt_sc_one_fourth]

• rotateInUpLeft
• rotateInDownLeft
• rotateInUpRight
• rotateInDownRight
• rotateOut
• rotateOutUpLeft
• rotateOutDownLeft
• rotateOutUpRight
• rotateOutDownRight
• rollIn
• rollOut
• lightSpeedIn
• lightSpeedOut

[/dt_sc_one_fourth]

Custom Service Shortcode

[dt_sc_one_third first][/dt_sc_one_third]
[dt_sc_one_third][/dt_sc_one_third]
[dt_sc_one_third][/dt_sc_one_third]

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

Put Text

Shortcode:

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

Contact Form

Shortcode:

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

Progress Chart

[dt_sc_one_fourth first]

[/dt_sc_one_fourth]

[dt_sc_one_fourth]

[/dt_sc_one_fourth]

[dt_sc_one_fourth]

[/dt_sc_one_fourth]

[dt_sc_one_fourth]

[/dt_sc_one_fourth]

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" /]

Intro Text

Shortcode:

[dt_intro_text] Put Content [/dt_intro_text]