### Shortcodes

This Wordpress theme "Veda" comes with several shortcodes that helps in customizing your content easier. In this theme, Shortcode Builder can used to build the essential shortcodes. The following image will show you the essential shortcode builder, and it displays only in Visual Mode of post content textarea.

##### List of Shortcodes

- #### Accordion

                      [dt_sc_accordion_group type="type1" class="" enable_container="false"]

                          [dt_sc_accordion_frame title="Accordion 1" titlebgcolor=""]

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

                          [dt_sc_accordion_frame title="Accordion 2" titlebgcolor=""]

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

                          [dt_sc_accordion_frame title="Accordion 3" titlebgcolor=""]

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

                      [/dt_sc_accordion_group]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3 | type | type="type1"
  Class | You can add your own custom class here. | class | class=""
  Enable Container | You can enable container div for this section. | enable_container | enable_container=""
  Title | You own title for your accordion | title | title="Accordion 1"
  Title backgroundcolor | You can add custom bg color for your accordion title | titlebgcolor | titlebgcolor=""

- #### Animation

      [dt_sc_animation effect="swing" delay="400"] Add Content to Animate [/dt_sc_animation]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Effect | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | effect | effect="swing"
  Delay | Any numeric value | delay | delay="400"

- #### Animate Number

      [dt_sc_animate_number icon="fa-book" number="4538" title="Hostings Done" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Icon | Fontawesome icon goes here. | icon | icon="fa-book"
  Number | Any numeric value | number | number="4538"
  Title | Add your title here. | title | title="Hostings Done"

- #### Appointment Scheduler

      [dt_sc_schedule_appointment appointmenttype=" / restaurant" formtype=" / type2" serviceids="" staffids="" noofpersons="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Appointment Type | default (leave empty for default), restaurant (which will enable number of persons box instead of staffs) | appointmenttype | appointmenttype=""
  Form Type | , type2 (Two types of designs available.) | formtype | formtype=""
  Service Ids | Only service ids listed here will be displayed in drop down. Note service ids should be separated by commas. | serviceids | serviceids=""
  Staff Ids | Only staff ids listed here will be displayed in drop down. Note staff ids should be separated by commas. | staffids | staffids=""
  Number Of Persons | You can limit number of persons in dropdown restaurant reservation. | noofpersons | noofpersons=""

- #### Buttons

      [dt_sc_button type="type2" link="#" icon="fa-home" size="medium" bgcolor="#71ba9f" variation="blueturquoise" textcolor="#ffffff" target="_blank" span_text="1" class="special-button"]Go Back[/dt_sc_button]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | ,type2,type3,type4,type5,type6,type7,type8,type9,type10 (You can use any these types.) | type | type="type1"
  Link | Add link for your button here. | link | link="#"
  Fontawesome Icon | Fontawesome icon goes here. | icon | icon="fa-home"
  Size | small,medium,large | size | size="small"
  Background Color | Add background color for your button. | bgcolor | bgcolor="#7f7f7f"
  Variation | blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow | variation | variation="blue"
  Text Color | Add text color for your button. | textcolor | textcolor="#81d742"
  Target | _blank, _new, _parent, _self, _top | target | target="_blank"
  Span Text | Add any text here which will be used for type 5. | span_text | span_text="1"
  Class | You can add your own custom class here. | class | class=""
  Tooltip | You can add Tooltip for your button.(It is applicable for all types) | enable_tooltip | enable_tooltip="true"
  Tooltip Position | You can add Tooltip Position for your button. (top, left, right, bottom) | Position | position="top"

- #### Column Layout

                      [dt_sc_one_half first type = "type1" bgcolor="#dd3333" bgcoloropacity="0.5" borderradius="5px" bgimageurl="" alignment="alignleft" textcolor="#ffffff" padding="5px" animation ="swing" animation_delay ="400"]

                          [dt_sc_one_half_inner first type = "type2"]Content for 1/3 Column here[/dt_sc_one_half_inner]

                          [dt_sc_one_half_inner type = "type2"]Content for 1/3 Column here[/dt_sc_one_half_inner]

                      [/dt_sc_one_half]

                      [dt_sc_one_half type = "type1" animation ="swing" animation_delay ="400"]

                          Content for 1/2 Column here

                      [/dt_sc_one_half]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1,type2 | type | type="type2"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"
  Background Color | You can add custom background color. | bgcolor | bgcolor="#dd3333"
  Background Color Opacity | You can add custom background color opacity. | bgcoloropacity | bgcoloropacity="0.5"
  Border Radius | You can add Border Radius. | borderradius | borderradius="5px"
  Background Image | You can add Background Image. | bgimageurl="" | bgimageurl=""
  Alignment | You can align the text.(left, right, center) | alignment | alignment="alignleft"
  Textcolor | You can add custom color for text. | textcolor | textcolor="#ffffff"
  Padding | You can give some padding for column layout. | padding | padding="5px"

- #### Colored Box

                  [dt_sc_colored_box icon="fa-h-square" title="Well Trained Professionals" backgroundcolor="#00c4bf" button_title="Know More" button_link="#"]

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis placerat urna. Nulla nulla diam, adipiscing non ornare non, commodo

                  [/dt_sc_colored_box]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Fontawesome Icon | Fontawesome icon goes here. | icon | icon="fa-h-square"
  Title | Add your title here. | title | title="Well Trained Professionals"
  Background Color | Add background color for your button. | backgroundcolor | backgroundcolor="#7f7f7f"
  Button Title | Add title for your button. | button_title | button_title="Know More"
  Button Link | Add link for your button. | button_link | button_link="#"

- #### Contact Details - Type 1

                  [dt_sc_contact_details_container_type1]

                      [dt_sc_contact_details label="Email : " value="yourname@somemail.com" icon="fa-envelope" type="email / web / " /]

                  [/dt_sc_contact_details_container_type1]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Label | Add label here. | label | label="Email : "
  Value | Add address or email or phone no here. | value | value="yourname@somemail.com"
  Fontawesome Icon | Fontawesome icon goes here. | icon | icon="fa-envelope"
  type | / email / web | type | type=""

- #### Contact Details - Type 2

                  [dt_sc_contact_details_container_type2 title1="Contact us by Phone" title2="Phone Timings: 0800-2000 hrs"

                  	icon="fa-phone" icon_text="1-223-355-2214" icon_text_type=" / email / web / link" icon_text_link="#" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title 1 | Add first title here. | title1 | title1="Contact us by Phone"
  Title 2 | Add second title here. | title2 | title2="Phone Timings: 0800-2000 hrs"
  Fontawesome Icon | Fontawesome icon goes here. | icon | icon="fa-phone"
  Icon Text | Text that appears along with icon. | icon_text | icon_text="1-223-355-2214"
  Icon Text Type | / email / web / link | icon_text_type | icon_text_type=""
  Icon Text Link |  | icon_text_link | icon_text_link="#"

- #### Working Hours

                  [dt_sc_working_hours_container]

                  	[dt_sc_working_hours label="Mon - Friday" value="9am - 5pm" /]

                      [dt_sc_working_hours label="Saturdays" value="9am - 1pm" /]

                      [dt_sc_working_hours label="Sundays" value="Holiday" /]

                      [dt_sc_hr_invisible_very_small /]

                      [dt_sc_working_hours label="Note:" value="Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old." /]

                  [/dt_sc_working_hours_container]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Label |  | label | label="Mon - Friday"
  Value |  | value | value="9am - 5pm"

- #### Location Detail

                  [dt_sc_location_detail type=""]

                      [dt_sc_title type="h6"]We provide Services to:[/dt_sc_title]

                      <ul>

                          <li>Lorem ipsum dolor sit</li>

                          <li>Praesent convallis nibh</li>

                          <li>Nullam ac sapien sit</li>

                          <li>Phasellus auctor augue</li>

                      </ul>

                  [/dt_sc_location_detail]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1 / type2 | type | type="type2"

- #### Donut Chart - Small

                  	[dt_sc_donutchart_small type="type2" title="Lorem" bgcolor="#808080" fgcolor="#4bbcd7" percent="70" notes="Ipsum has been the industry's standard dummy text ever." /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | / type2 / type3 | type | type="type2"
  Title | Add title here. | title | title="Lorem"
  Background Color |  | bgcolor | bgcolor="#808080"
  Foreground Color |  | fgcolor | fgcolor="#4bbcd7"
  Percentage |  | percent | percent="70"
  Notes |  | notes | notes="Ipsum has been the industry's standard dummy text ever."

- #### Donut Chart - Medium

                  	[dt_sc_donutchart_medium type="type2" title="Lorem" bgcolor="#808080" fgcolor="#7aa127" percent="65" notes="Ipsum has been the industry's standard dummy text ever." /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | / type2 / type3 | type | type="type2"
  Title | Add title here. | title | title="Lorem"
  Background Color |  | bgcolor | bgcolor="#808080"
  Foreground Color |  | fgcolor | fgcolor="#4bbcd7"
  Percentage |  | percent | percent="70"
  Notes |  | notes | notes="Ipsum has been the industry's standard dummy text ever."

- #### Dividers

                      [dt_sc_clear /]

                      [dt_sc_margin margin="20" /]

                      [dt_sc_space space="20" /]

                      [dt_sc_hr_line /]

                      [dt_sc_hr_grey /]

                      [dt_sc_hr_border /]

                      [dt_sc_hr /]

                      [dt_sc_hr_medium /]

                      [dt_sc_hr_large /]

                      [dt_sc_hr top /]

                      [dt_sc_hr_invisible /]

                      [dt_sc_hr_invisible_very_small /]

                      [dt_sc_hr_invisible_small /]

- #### Custom Separators

                      [dt_sc_separators background_image="" background_image_repeat="" background_color="#1e73be" border_width="0" border_style="" border_color="" width="60px" height="5px" margin="0 0 20px" alignment="aligncenter" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Background Image | You can add Image. | bgimageurl | bgimageurl=""
  Background Image Repeat | Repeat, no Repeat, Repeat X and Repeat Y. | background_image_repeat | background_image_repeat="repeat-x"
  Background Color | You can Choose custom bg color. | background_color | background_color="#1e73be"
  Border width | You can add border width from 0px. | border_width | border_width="0"
  Border style | Solid, Dashed, Dotted, Inset, Outset, groove, Ridge, Double. | border_style | border_style="dotted"
  Border Color | You can choose custom color for border. | border_color | border_color="#ff0000"
  Width | You can give the value of width in pixel or percentage. | width | width="60px"
  Height | You can give the value of height in pixel or percentage. | height | height="5px"
  Margin | You can give the margin values. | margin | margin="0 0 20px"
  Alignment | Left, Center, Right. | alignment | alignment="aligncenter"

- #### Events

      [dt_sc_events column="4" limit="-1" carousel="false" category_ids="" type=" / type2" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Column | 2,3,4 | column | column="4"
  Limit | Number of events to show (-1 to show all events) | limit | limit="-1"
  Carousel | true,false | carousel | carousel="true"
  Category Ids | Category ids separated by comma. | category_ids | category_ids=""
  Type | , type2, type3 | type | type="type2"

- #### Featured Event

      [dt_sc_featured_event eventpost_id=""]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Eventpost id | You can add any event post id here. It will shows as featured event | eventpost_id | eventpost_id=""

- #### Fullwidth Section

                      [dt_sc_fullwidth_section type="" backgroundimage="http://placehold.it/100" backgroundrepeat="" backgroundposition="" backgroundattachment="" backgroundsize="" backgroundimagesecondary="" backgroundrepeatsecondary="" backgroundpositionsecondary="" backgroundcolor="" opacity="" backgroundcolorsecondary="" opacitysecondary="" parallax="" paddingtop="" paddingbottom="" padding="" textcolor="" topbordercolor="" bottombordercolor="" gradientvalue="" gradientvaluesecondary="" gradientdegree="" radialgradientposition="" applywhitecolor="" align="" disablecontainer="" responsivecolumn="" responsivealigncenter="" class="custom-fullwidth"]

                      	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras cursus sollicitudin nunc nec rhoncus.

                      [/dt_sc_fullwidth_section]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | color-overlay, half-overlay, half-overlay-top-bottom, diagonal-gradient, radial-gradient, skin-color-overlay, grey, origin-bottom-image, origin-top-image, half-overlay-bg-content, bgimage-with-bgcolor. | type | type="color-overlay"
  Background Image 1 |  | backgroundimage | backgroundimage="http://placehold.it/100"
  Background Image 1 Repeat | no-repeat,repeat,repeat-x,repeat-y | backgroundrepeat | backgroundrepeat="repeat"
  Background Position | left top,left center,left bottom,right top,right center,right bottom,center top,center center,center bottom | backgroundposition | backgroundposition="center center"
  Background Attachment | scroll, fixed, local, initial, inherit | backgroundattachment | backgroundattachment="scroll"
  Background Size | 1,2,3,......98,99,100 | backgroundsize | backgroundsize=""
  Background Color |  | backgroundcolor | backgroundcolor="#c1c1c1"
  Background Opacity |  | opacity | opacity="0.5"
  Background Secondary Image |  | backgroundimagesecondary | backgroundimagesecondary="http://placehold.it/100"
  Background Secondary Image Repeat | no-repeat,repeat,repeat-x,repeat-y | backgroundrepeatsecondary | backgroundrepeatsecondary="repeat"
  Background Secondary Color |  | backgroundcolorsecondary | backgroundcolorsecondary="#c1c1c1"
  Background Secondary Opacity |  | opacitysecondary | opacitysecondary="0.5"
  Background Secondary Position | left top,left center,left bottom,right top,right center,right bottom,center top,center center,center bottom | backgroundpositionsecondary | backgroundpositionsecondary="left center"
  Parallax Effect | no,yes | parallax | parallax="yes"
  Padding Top |  | paddingtop | paddingtop="20"
  Padding Bottom |  | paddingbottom | paddingbottom="20"
  Padding | Add padding for top, right, bottom, left in px | padding | padding=""
  Text Color | You can change the color of the text. | textcolor | textcolor="#dd9933"
  Top Border Color | You can choose custom color for top border. | topbordercolor | topbordercolor="#dd9933"
  Bottom Border Color | You can choose custom color for bottom border. | bottombordercolor | bottombordercolor="#dd9933"
  Gradient Value | You can give the Gradient values in pixel. | gradientvalue | gradientvalue="20"
  Gradient Value Secondary | You can give the Gradient values in pixel. | gradientvaluesecondary | gradientvaluesecondary="40"
  Diagonal Gradient Degree | You can give the values in degree. | gradientdegree | gradientdegree="15"
  Radial Gradient Position | left top, left center, left botom, right top, right center, right bottom, center top, center center, center bottom. | radialgradientposition | radialgradientposition="center center"
  Apply White Color | yes/no | applywhitecolor | applywhitecolor="yes"
  Alignment | alignleft, alignright, aligncenter. | align | align="aligncenter"
  Disable Container | yes/no | disablecontainer | disablecontainer="no"
  Responsive Column | true/false (supports in making this section responsive for 710px) | responsivecolumn | responsivecolumn="false"
  Responsive Aligncenter | true/false (supports in making this section responsive for 710px) | responsivealigncenter | responsivealigncenter="false"
  CSS Class |  | class | class="custom-fullwidth"

- #### Fullwidth Section Video

                      [dt_sc_fullwidth_video mp4="#" webm="#" ogv="#" poster="http://placehold.it/100" backgroundimage="http://placehold.it/100" paddingtop="20"

                      paddingbottom="20" class="extra"][/dt_sc_fullwidth_video]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  MP4 |  | mp4 | mp4="#"
  WEBM |  | webm | webm="#"
  OGV |  | ogv | ogv="#"
  Poster Image |  | poster | poster="http://placehold.it/100"
  Background Image |  | backgroundimage | backgroundimage="http://placehold.it/100"
  Padding Top (In px) |  | paddingtop | paddingtop="20"
  Padding Bottom (In px) |  | paddingbottom | paddingbottom="20"
  CSS Class |  | class | class="sample-class"

- #### Icon Box 1 - 16

                      [dt_sc_icon_box type="type1" fontawesome_icon="fa-home" stoke_icon="icon-Tie" custom_icon="http://placehold.it/80" custom_icon_hover="http://placehold.it/80" icon_text="Awesome Features"

                          title="Our Services" title_icon="fa-eye" link="#" readmore_title="View More" readmore_link="#" icon_animation="flash" icon_animation_delay="400" align="left"

                          animation="fadeIn" animation_delay="400" background_color="#dd9933" border="true" boxshadow="true" designtype="circle" class="custom-iconbbox"]

                          Pellentesque ultricies congue lacus, eget elementum erat lobortis et. Sed non velit neque.

                      [/dt_sc_icon_box]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3, type4, type5, type6, type7, type8, type9, type10, type11, type12, type13, type14, type15, type16 | type | type="type1"
  Fontawesome Icon | Any fontawesome icon | fontawesome_icon | fontawesome_icon="fa-home"
  Stroke Gap Icon | Any stroke gap icon | stoke_icon | stoke_icon="icon-Tie"
  Custom Icon |  | custom_icon | custom_icon="http://placehold.it/80"
  Custom Icon Hover |  | custom_icon_hover | custom_icon_hover="http://placehold.it/80"
  Icon Text |  | icon_text | icon_text="Awesome Features"
  Title |  | title | title="Our Services"
  Title Icon |  | title_icon | title_icon="fa-eye"
  Link |  | link | link="#"
  Read More Title |  | readmore_title | readmore_title="View More"
  Read More Link |  | readmore_link | readmore_link="#"
  Icon Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | icon_animation | icon_animation="swing"
  Icon Animation Delay | Add numeric value | icon_animation_delay | icon_animation_delay="400"
  Align | left,right | align | align="left"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"
  Background Color | You can choose custom bg color (applicable only for type 6). | boxshadow | boxshadow="true"
  Enable Border | false, true.( applicable only for type 9 ) | border | border="false"
  Enable Box shadow | false, true.( applicable only for type 3 ) | boxshadow | boxshadow="true"
  Design Type | square, circle.( applicable only for type 8 ) | designtype | designtype="square"
  Class | You can add custom class here. | class | class="custom-iconbbox"

- #### Icon Box Type 17

                      [dt_sc_icon_box_special1 bg_image="http://placehold.it/1000" icon_title="Deep Science Research" icon_link="#"

                      	custom_icon="" fontawesome_icon="fa-home" stroke_icon="icon-WorldWide" button_title="View Details" button_link="#" animation="" animation_delay="" class="custom-iconbox"]

                          We are located in Melbourne, serving clients worldwide. Shoot us an email, give us a call, or fill out our Project Brief if you're interested in getting started.

                      [/dt_sc_icon_box_special1]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Background Image |  | bg_image | bg_image="http://placehold.it/1000"
  Icon Title |  | icon_title | icon_title="Deep Science Research"
  Icon Link |  | icon_link | icon_link="#"
  Custom Icon |  | custom_icon | custom_icon=""
  Fontawesome Icon | Any fontawesome icon. | fontawesome_icon | fontawesome_icon="fa-home"
  Stroke Gap Icons | Any Stroke Gap icon. | stroke_icon | stroke_icon="icon-WorldWide"
  Button Title |  | button_title | button_title="View Details"
  Button Link |  | button_link | button_link="#"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"
  CSS Class |  | class | class="custom-iconbox"

- #### Icon Box Type 18

                  [dt_sc_icon_box_special2 type=" / type2" variation="red" icon_text="1" icon="fa-shopping-cart" stroke_icon="icon-WorldWide" title="Activities"

                  	link="#" animation="" animation_delay="" class="" border="false"]

                      Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Donec sodales sagittis magna.

                  [/dt_sc_icon_box_special2]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | , type2 | type | type=""
  Variation | blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow | variation | variation="blue"
  Icon Text |  | icon_text | icon_text="1"
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-shopping-cart"
  Stroke Gap Icons | Any Stroke Gap icon. | stroke_icon | stroke_icon="icon-WorldWide"
  Title |  | title | title="Activities"
  Link |  | link | link="#"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"
  CSS Class |  | class | class="custom-iconbox"
  Enable Border | false, true | border | border="false"

- #### Icon Box Type 19

                      [dt_sc_icon_box_special3 variation="red" title=".com" original_price="$5.00" offer_price="$2.99" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Variation | blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow | variation | variation="blue"
  Title |  | title | title=".com"
  Original Price | Add original price here. | original_price | original_price="$5.00"
  Offer Price |  | offer_price | offer_price="$2.99"

- #### Icon Box Type 20

                      [dt_sc_icon_box_special4 title="Awesome Features" link="#" fontawesome_icon="fa-trophy" stroke_icon="icon-WorldWide" custom_icon="" variation="light / dark" background_color="" border_width="" border_style="" border_color=""]

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

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title |  | title | title="Awesome Features"
  Link |  | link | link="#"
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-shopping-cart"
  Stroke Gap Icons | Any Stroke Gap icon. | stroke_icon | stroke_icon="icon-WorldWide"
  Custom Icon |  | custom_icon | custom_icon=""
  variation | light, dark. | variation | variation="light"
  Background Color | You can choose custom bg color. | background_color | background_color="#ff0000"
  Border Width | You can add the values of border width in pixel. | border_width | border_width="3"
  Border Style | Solid, Dashed, Dotted, Inset, Outset, groove, Ridge, Double | border_style | border_style="dashed"
  Border Color | You can choose custom color for border. | border_color | border_color="#ff0000"

- #### Icon Box Type 21

                      [dt_sc_icon_box_special5 title="Plan" link="#" fontawesome_icon="fa-bell" stroke_icon="icon-WorldWide" custom_icon="" stylecolor="" opacity=""]

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

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title |  | title | title="Plan"
  Link |  | link | link="#"
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-shopping-cart"
  Stroke Gap Icons | Any Stroke Gap icon. | stroke_icon | stroke_icon="icon-WorldWide"
  Custom Icon |  | custom_icon | custom_icon=""
  Stylecolor | You can choose the custom bg color. | stylecolor | stylecolor="#f5f8f8"
  Opacity |  | opacity | opacity="0.7"

- #### Icon Box Type 21 Wrapper

                      [dt_sc_icon_box_special5_wrapper color=""]

                      	[dt_sc_one_fifth type="type2" first]

                          	[dt_sc_icon_box_special5 title="Plan" link="#" fontawesome_icon="fa-bell" custom_icon="" stylecolor="" opacity=""]

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

                          [/dt_sc_one_fifth]

                          [dt_sc_one_fifth type="type2"]

                              [dt_sc_icon_box_special5 title="Plan" link="#" fontawesome_icon="fa-bell" custom_icon="" stylecolor="" opacity=""]

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

                          [/dt_sc_one_fifth]

                          [dt_sc_one_fifth type="type2"]

                          	[dt_sc_icon_box_special5 title="Plan" link="#" fontawesome_icon="fa-bell" custom_icon="" stylecolor="" opacity=""]

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

                          [/dt_sc_one_fifth]

                          [dt_sc_one_fifth type="type2"]

                          	[dt_sc_icon_box_special5 title="Plan" link="#" fontawesome_icon="fa-bell" custom_icon="" stylecolor="" opacity=""]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_icon_box_special5]

                          [/dt_sc_one_fifth]

                          [dt_sc_one_fifth type="type2"]

                          	[dt_sc_icon_box_special5 title="Plan" link="#" fontawesome_icon="fa-bell" custom_icon="" stylecolor="" opacity=""]

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

                          [/dt_sc_one_fifth]

                      [/dt_sc_icon_box_special5_wrapper]

- #### Icon Box Type 22

                      [dt_sc_icon_box_special6 fontawesome_icon="fa-bell" stroke_icon="icon-WorldWide" custom_icon="" percentage="81%" title="Dedicated Resource" link="#" background_color="" class=""]

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

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-shopping-cart"
  Stroke Gap Icons | Any Stroke Gap icon. | stroke_icon | stroke_icon="icon-WorldWide"
  Custom Icon |  | custom_icon | custom_icon=""
  Percentage |  | percentage | percentage="81%"
  Title |  | title | title="Dedicated Resource"
  Link |  | link | link="#"
  Background Color | You can choose the custom bg color. | background_color | background_color="#f5f8f8"

- #### Icon Box Type 23

                      [dt_sc_icon_box_special7 fontawesome_icon="fa-bell" stroke_icon="icon-WorldWide" custom_icon="" title="Dedicated Resource" link="#" border="false" class="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-shopping-cart"
  Stroke Gap Icons | Any Stroke Gap icon. | stroke_icon | stroke_icon="icon-WorldWide"
  Custom Icon |  | custom_icon | custom_icon=""
  Title |  | title | title="Dedicated Resource"
  Link |  | link | link="#"
  Enable Border | false, true. | border | border="false"
  CSS Class |  | class | class="custom-class"

- #### Icon Box Wrapper

                      [dt_sc_icon_box_wrapper align="left" animation="fadeInLeft" animation_delay="100"]

                      	[dt_sc_icon_box type="type1" fontawesome_icon="" custom_icon="http://placehold.it/80" icon_text="" title="Awesome Features"

                          	title_icon="" link="#" readmore_title="" readmore_link="#" icon_animation="" icon_animation_delay="" align="left"]

                              Pellentesque ultricies congue lacus, eget elementum erat lobortis et. Sed non velit neque.

                          [/dt_sc_icon_box]

                      [/dt_sc_icon_box_wrapper]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Align | left,right | align | align="left"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"

- #### Intro Box

                      [dt_sc_intro_box type="type1" background_image="http://placehold.it/80" background_image_styles="scroll" background_position="right center" background_color="#eded93" border_color="#eeee22" special_icon="http://placehold.it/80"

                      	disable_container_class="true" animation="fadeIn" animation_delay="400" class="custom-introbox"]

                          [dt_sc_hr_invisible_very_small /]

                          [dt_sc_two_third first type =" type1"]

                          	[dt_sc_title type="h2"]Finding a good template for your website is challenging. Its your call now.[/dt_sc_title]

                          [/dt_sc_two_third]

                          [dt_sc_one_third type =" type1"]

                          	[dt_sc_button link="#" icon="fa-angle-right" size="large" target="_blank"]Purchase Now[/dt_sc_button]

                          [/dt_sc_one_third]

                          [dt_sc_hr_invisible_very_small /]

                      [/dt_sc_intro_box]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3, type4, type5, type6, type7 | type | type="type1"
  Background Image |  | background_image | background_image="http://placehold.it/80"
  Background Image Styles |  | background_image_styles | background_image_styles="scroll"
  Background Position | left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom | background_position | background_position="right center"
  Background Color |  | background_color | background_color="#eded93"
  Border Color |  | border_color | border_color="#eeee22"
  Special Icon |  | special_icon | special_icon="http://placehold.it/80"
  Disable Container Class | true, false | disable_container_class | disable_container_class="true"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"
  CSS Class |  | class | class="custom-introbox"

- #### Icon Box Content

                      [dt_sc_intro_content icon="fa-calendar"]

                      	[dt_sc_title type="h6" class="dt-sc-margin10"]UPCOMING EVENT CONTRARY TO POPULAR BELIEF[/dt_sc_title]

                          [dt_sc_title type="h3" class="dt-sc-margin10"]"The Law Demands, but Grace Supplies" - Paster J.P.[/dt_sc_title]

                      [/dt_sc_intro_content]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Fontawesome Icon | Any fontawesome icon here. | icon | icon="fa-home"

- #### Login Form

                      [dt_sc_login_form redirect_page_url="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Redirect Page URL | Page url to redirect after sucessfull login. | redirect_page_url | redirect_page_url="#"

- #### Lists

  ###### Ordered Lists

                      [dt_sc_fancy_ol style="decimal-leading-zero" variation="blue" class="custom-ol"]

                          Lorem ipsum dolor sit

                          Praesent convallis nibh

                          Nullam ac sapien sit

                          Phasellus auctor augue

                      [/dt_sc_fancy_ol]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Style | decimal,decimal-leading-zero,lower-alpha,lower-roman,upper-alpha,upper-roman | style | style="decimal-leading-zero"
  Variation | blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow | variation | variation="blue"
  CSS Class |  | class | class="custom-ol"

  ###### Unordered Lists

                      [dt_sc_fancy_ul type="type1" style="double-arrow" variation="blue" class="custom-ul"]

                          Lorem ipsum dolor sit

                          Praesent convallis nibh

                          Nullam ac sapien sit

                          Phasellus auctor augue

                      [/dt_sc_fancy_ul]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2 | type | type="type1"
  Style | 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,caret-left,caret-right,caret-up,caret-down, file-text,angle-double-right,hand-o-right,gavel,book,check-circle,sun-o,slack | style | style="double-arrow"
  Variation | blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow | variation | variation="brown"
  CSS Class |  | class | class="custom-ul"

- #### Products

  ###### Product Lists

                      [dt_sc_woo_products column="4" posts_per_page="4" orderby="date" order="desc" carousel="false" category_ids="" class="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Column | 2,3,4 | column | column="4"
  Posts Per Page | Number of posts to display per page. | posts_per_page | posts_per_page="4"
  Order By | none, ID, author, title, name, type, date, modified, parent, rand, comment_count, menu_order, meta_value, meta_value_num, post__in | orderby | orderby="date"
  Order | asc, desc | order | order="desc"
  carousel | true, false | carousel | carousel="false"
  category_ids | Category ids separated by comma. | category_ids | category_ids=""
  CSS Class |  | class | class=""

  ###### Single Product

                      [dt_sc_woo_featured_product product_id="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Product Id | Id of the woocommerce product to display. | product_id | product_id=""

- #### Posts

  ###### Single Post

                      [dt_sc_post id="1" read_more_text="Read More" excerpt_length="10" layout_type="type3" button_type=" / type2" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Post Id | Id of the post to display | id | id="1"
  Read More Text |  | read_more_text | read_more_text="Read More"
  Excerpt Length | Number of words to display from that post | excerpt_length | excerpt_length="10"
  Layout Type | type1,type2,type3,type4,type5,type6,type7 | layout_type | layout_type="type3"
  Button Type | ,type2,type4 | button_type | button_type=""

  ###### Recent Posts

                      [dt_sc_recent_post categories="" count="3" columns="3" read_more_text="Read More" excerpt_length="10" layout_type="type3" animation="" animation_delay="" button_type=" / type2 / type4" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Categories | Use comma separated categories id to fetch post | categories | categories="3,4"
  Count | Number of posts to display | count | count="3"
  Columns | 1,2,3 | columns | columns="3"
  Read More Text |  | read_more_text | read_more_text="Read More"
  Excerpt Length | Number of words to display from each post | excerpt_length | excerpt_length="10"
  Layout Type | type1,type2,type3,type4,type5,type6 | layout_type | layout_type="type3"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"
  Button Type | ,type2 ,type4 | button_type | button_type=""

- #### Portfolios

  ###### Single Portfolio

                      [dt_sc_portfolio_item id="" type=" / type2 / type3 " /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Post Id | Specify the id of portfolio item | id | id=""
  Type | ,type2 ,type3 | type | type="type3"

  ###### Portfolios From Category

                      [dt_sc_portfolios category_id="" column="4" count="-1" space="true" show_filter="true" portfolio_type=" / type2 / type3 "  /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Category Id | Specify the category id in comma separated values | category_id | category_id=""
  Column | 1,2,3,4 | column | column="4"
  Count | Number of posts to display ( -1 display all the posts ) | count | count="-1"
  Space | false,true (to have space between portfolio items) | space | space="true"
  Show Filter | false,true (to enable filter option) | show_filter | show_filter="true"
  Type | ,type2 ,type3 | type | type="type2"

- #### Properties

  ###### Properties List

                      [dt_sc_properties filter="" filter_id="" columns="4" count="-1" carousel="false" pagination="true" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Filter | ,property_location, contract_type, property_type (Filter properties content based on these types. You can also leave empty.) | filter | filter=""
  Filter Id | Specify the ids of item from property_location, contract_type, property_type. Separate ids by comma. | filter_id | filter_id=""
  Column | 1,2,3,4 | columns | columns="4"
  Count | Number of posts to display ( -1 display all the posts ) | count | count="-1"
  Carousel | false,true | carousel | carousel="false"
  Pagination | false,true | pagination | pagination="true"

  ###### Properties Search

                      [dt_sc_properties_search class="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Class | You can add your own custom class for search form to modify it. | class | class=""

- #### Pricing Tables

                      [dt_sc_one_fourth first]

                      [dt_sc_pricing_table_item heading="Basic" price="$20.00" price_text1="Per Month" price_text2="Money back" price_text3="Guarantee" button_link="#" button_text="Buy Now"

                      button_size="small" features="Great for: Small Businesses, Resellers, Devs, Designers" type="type1" selected="false"]

                      <ul>

                          <li><i class="fa fa-bar-chart-o"></i>Free Domain</li>

                          <li><i class="fa fa-hdd-o"></i>UNLIMITED Disk Space</li>

                          <li><i class="fa fa-bell"></i>UNLIMITED Bandwidth</li>

                          <li><i class="fa fa-trophy"></i>100 Email Addresses</li>

                          <li><i class="fa fa-upload"></i>10 MySQL Databases (Linux OS)</li>

                      </ul>

                      [/dt_sc_pricing_table_item]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth ]

                      [dt_sc_pricing_table_item heading="Medium" price="$30.00" price_text1="Per Month" price_text2="Money back" price_text3="Guarantee" button_link="#" button_text="Buy Now"

                      button_size="small" features="Great for: Small Businesses, Resellers, Devs, Designers" type="type1" selected="true"]

                      <ul>

                          <li><i class="fa fa-bar-chart-o"></i>Free Domain</li>

                          <li><i class="fa fa-hdd-o"></i>UNLIMITED Disk Space</li>

                          <li><i class="fa fa-bell"></i>UNLIMITED Bandwidth</li>

                          <li><i class="fa fa-trophy"></i>100 Email Addresses</li>

                          <li><i class="fa fa-upload"></i>10 MySQL Databases (Linux OS)</li>

                      </ul>

                      [/dt_sc_pricing_table_item]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth ]

                      [dt_sc_pricing_table_item heading="Premium" price="$40.00" price_text1="Per Month" price_text2="Money back" price_text3="Guarantee" button_link="#" button_text="Buy Now"

                      button_size="small" features="Great for: Small Businesses, Resellers, Devs, Designers" type="type1" selected="false"]

                      <ul>

                          <li><i class="fa fa-bar-chart-o"></i>Free Domain</li>

                          <li><i class="fa fa-hdd-o"></i>UNLIMITED Disk Space</li>

                          <li><i class="fa fa-bell"></i>UNLIMITED Bandwidth</li>

                          <li><i class="fa fa-trophy"></i>100 Email Addresses</li>

                          <li><i class="fa fa-upload"></i>10 MySQL Databases (Linux OS)</li>

                      </ul>

                      [/dt_sc_pricing_table_item]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth ]

                      [dt_sc_pricing_table_item heading="Extra Premium" price="$80.00" price_text1="Per Month" price_text2="Money back" price_text3="Guarantee" button_link="#" button_text="Buy Now"

                      button_size="small" features="Great for: Small Businesses, Resellers, Devs, Designers" type="type1" selected="false"]

                      <ul>

                          <li><i class="fa fa-bar-chart-o"></i>Free Domain</li>

                          <li><i class="fa fa-hdd-o"></i>UNLIMITED Disk Space</li>

                          <li><i class="fa fa-bell"></i>UNLIMITED Bandwidth</li>

                          <li><i class="fa fa-trophy"></i>100 Email Addresses</li>

                          <li><i class="fa fa-upload"></i>10 MySQL Databases (Linux OS)</li>

                      </ul>

                      [/dt_sc_pricing_table_item]

                      [/dt_sc_one_fourth]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Heading |  | heading | heading="Basic"
  Price |  | price | price="$20.00"
  Price Text 1 |  | price_text1 | price_text1="Per Month"
  Price Text 2 |  | price_text2 | price_text2="Money back"
  Price Text 3 |  | price_text3 | price_text3="Guarantee"
  Button Text |  | button_text | button_text="Buy Now"
  Button Link |  | button_link | button_link="#"
  Button Size | small,medium,large | button_size | button_size="small"
  Features |  | features | features="Great for: Small Businesses, Resellers, Devs, Designers"
  Selected | true,false | selected | selected="false"
  Type | ,type2 ,type3 | type | type="type2"

- #### Progress Bars

                      [dt_sc_progressbar type="type2" variation="blue" title="Photoshop" value="85" animation="" animation_delay="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | ,type2,type3 | type | type=""
  Variation | blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow | variation | variation="blue"
  Title |  | title | title="Photoshop"
  Value |  | value | value="85"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"

- #### Patners Carousel / List

                      [dt_sc_patners enable_carousel="true" list_design=" / type2" columns=" / 2 / 3]

                      <ul>

                          <li><a href="#"><img title="Patner 1" src="http://placehold.it/142x142" alt="Patner 1" /></a></li>

                          <li><a href="#"><img title="Patner 2" src="http://placehold.it/142x142" alt="Patner 2" /></a></li>

                          <li><a href="#"><img title="Patner 3" src="http://placehold.it/142x142" alt="Patner 3" /></a></li>

                          <li><a href="#"><img title="Patner 4" src="http://placehold.it/142x142" alt="Patner 4" /></a></li>

                          <li><a href="#"><img title="Patner 5" src="http://placehold.it/142x142" alt="Patner 5" /></a></li>

                          <li><a href="#"><img title="Patner 6" src="http://placehold.it/142x142" alt="Patner 6" /></a></li>

                      </ul>

                      [/dt_sc_patners]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Enable Carousel | true,false (switch between carousel and list) | enable_carousel | enable_carousel="false"
  List Design | type 1, type 2 | list_design | list_design="type2"
  Columns | ,2,3 (this option is applicable only for 'type2' list and when 'enable_carousel' is set to 'false'. | columns | columns="2"

- #### Quotes

  ###### Blockquotes

                      [dt_sc_blockquote type="type2" textcolor="#b5d69e" class="custom-blockquote"]

                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit

                      [/dt_sc_blockquote]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type 1, type 2 | type | type="type2"
  Text Color |  | textcolor | textcolor="#b5d69e"
  Class |  | class | class="custom-blockquote"

  ###### Pullquote

                     	[dt_sc_pullquote type="pullquote1" align="left" textcolor="#ededc4" cite="BuddhaThemes"]

                      	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit

                      [/dt_sc_pullquote]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | pullquote1,pullquote2,pullquote3,pullquote4,pullquote5,pullquote6 | type | type="pullquote2"
  Align | left,right,center | align | align="left"
  Text Color |  | textcolor | textcolor="#dd9933"
  Cite Name |  | cite | cite="BuddhaThemes"

- #### Registration Form

                      [dt_sc_register_form /]

- #### Sliding Banners

  ###### Type 1

                      [dt_sc_slider_wrappers]

                      [dt_sc_slider_images]

                      <ul>

                          <li><img src="http://placehold.it/1170x555&text=Image 1" alt="slider-image" /></li>

                          <li><img src="http://placehold.it/1170x555&text=Image 2" alt="slider-image" /></li>

                          <li><img src="http://placehold.it/1170x555&text=Image 3" alt="slider-image" /></li>

                          <li><img src="http://placehold.it/1170x555&text=Image 4" alt="slider-image" /></li>

                      </ul>

                      [/dt_sc_slider_images]

                      [dt_sc_slider_controls]

                      [dt_sc_one_fourth first type =" type2"]

                      [dt_sc_icon_box type="type6" icon_text="1" title="Multipurpose Design" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type2"]

                      [dt_sc_icon_box type="type6" icon_text="2" title="Exclusive Features" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type2"]

                      [dt_sc_icon_box type="type6" icon_text="3" title="Wide Layout" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type2"]

                      [dt_sc_icon_box type="type6" icon_text="4" title="100% Responsive" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [/dt_sc_slider_controls]

                      [/dt_sc_slider_wrappers]

  ###### Type 2

                      [dt_sc_slider_wrappers]

                      [dt_sc_slider_images]

                      <ul>

                          <li><img src="http://placehold.it/1170x555&text=Image 1" alt="slider-image" /></li>

                          <li><img src="http://placehold.it/1170x555&text=Image 2" alt="slider-image" /></li>

                          <li><img src="http://placehold.it/1170x555&text=Image 3" alt="slider-image" /></li>

                          <li><img src="http://placehold.it/1170x555&text=Image 4" alt="slider-image" /></li>

                      </ul>

                      [/dt_sc_slider_images]

                      [dt_sc_slider_controls type="type2"]

                      [dt_sc_one_fourth first type =" type2"]

                      [dt_sc_icon_box type="type10" fontawesome_icon="fa-film" title="Multipurpose Design" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type2"]

                      [dt_sc_icon_box type="type10" fontawesome_icon="fa-trophy" title="Exclusive Features" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type2"]

                      [dt_sc_icon_box type="type10" fontawesome_icon="fa-flash" title="Wide Layout" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type2"]

                      [dt_sc_icon_box type="type10" fontawesome_icon="fa-lightbulb-o" title="100% Responsive" align="left"]

                      Etiam sit amet orci eget eros faucibus tincidunt.

                      [/dt_sc_icon_box]

                      [/dt_sc_one_fourth]

                      [/dt_sc_slider_controls]

                      [/dt_sc_slider_wrappers]

- #### Search Forms

  ###### Search Form

      [dt_sc_search_form /]

  ###### Domain Search Form

      [dt_sc_domain_search textfield_title="Enter your domain name" available_domains=".com,.net,.info,.org" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Text Field Title | Title for your text field | textfield_title | textfield_title="Enter your domain name"
  Available Domains |  | available_domains | available_domains=".com,.net,.info,.org"

  ###### Travel Search Form

                      [dt_sc_travel_search location_column1="AFRICA,EUROPE,CENTRAL AMERICA" location_column2="AUSTRALIA,DUBAI,ASIA" location_column3="CARRIBEAN,SOUTH AMERICA,MIDDLE EAST"

                      checkin_date="true" checkout_date="true" departure_city="true" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Location Column 1 | Locations separated by commas | location_column1 | location_column1="AFRICA,EUROPE,CENTRAL AMERICA"
  Location Column 2 | Locations separated by commas | location_column2 | location_column2="AUSTRALIA,DUBAI,ASIA"
  Location Column 3 | Locations separated by commas | location_column3 | location_column3="CARRIBEAN,SOUTH AMERICA,MIDDLE EAST"
  Check In Date | true,false | checkin_date | checkin_date="true"
  Check Out Date | true,false | checkout_date | checkout_date="true"
  Departure City | true,false | departure_city | departure_city="true"

- #### Team

                      [dt_sc_team type="type1" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title=""

                      delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#"

                      vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""]

                      	Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one.

                          It was popularised in the 1960s with the release of Letraset sheets Lorem.

                          It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years these lines are made old this is the larger one.

                      [/dt_sc_team]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3, type4, type5, type6 | type | type="type1"
  Image |  | image | image="http://placehold.it/160x160"
  Name |  | name | name="James Bladwin"
  Role |  | role | role="Chairman"
  Link |  | link | link="#"
  Button Title |  | button_title | button_title="Small Button"
  Social Links | Add corresponding links for your social items. | delicious,deviantart,digg,facebook,facebooksquare,twitter,googleplus,google,weibo,pinterest,reddit,yahoo,behance,vimeosquare,stumbleupon,linkedin,skype,youtube,dribbble,flickr,tumblr | delicious="#" facebook="#"

  ###### Team Carousel - 1

                      [dt_sc_team_carousel title="Meet Our Team" notes="Aliquam enim enim, pharetra in sodales at, interdum sit amet dui. Nullam vulputate euis od urna non pharetra.

                      Phasellus bland matt is ipsum, ac laoreet lorem lacinia et. interum sit amet dui. Nullam vulputate euismod urna non pharetra. Nullam vulputate euismod urna non pharetra.

                      Phasellus blandit mattis ipsum, ac laoreet lorem lacinia et.et."]

                      [dt_sc_one_fourth type =" type1"]

                          [dt_sc_team type="type1" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                           facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                           skype="" youtube="" dribbble="" flickr="" tumblr=""]

                               Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one.

                               It was popularised in the 1960s with the release of Letraset sheets Lorem.

                               It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years these lines are made old this is the larger one.

                           [/dt_sc_team]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type1"]

                          [dt_sc_team type="type1" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                          facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                          skype="" youtube="" dribbble="" flickr="" tumblr=""]

                              Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one.

                              It was popularised in the 1960s with the release of Letraset sheets Lorem.

                              It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years these lines are made old this is the larger one.

                          [/dt_sc_team]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type1"]

                          [dt_sc_team type="type1" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                          facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                          skype="" youtube="" dribbble="" flickr="" tumblr=""]

                              Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one.

                              It was popularised in the 1960s with the release of Letraset sheets Lorem.

                              It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years these lines are made old this is the larger one.

                          [/dt_sc_team]

                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth type =" type1"]

                          [dt_sc_team type="type1" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                          facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                          skype="" youtube="" dribbble="" flickr="" tumblr=""]

                              Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one.

                              It was popularised in the 1960s with the release of Letraset sheets Lorem.

                              It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years these lines are made old this is the larger one.

                          [/dt_sc_team]

                      [/dt_sc_one_fourth]

                      [/dt_sc_team_carousel]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title | Add title for your carousel. | title | title="Meet Our Team"
  Notes |  | notes | notes="Aliquam enim enim, pharetra in sodales at, interdum sit amet dui."
  Type | type 1, type 2 | type | type="type2"

  ###### Team Carousel - 2

                      [dt_sc_team_carousel title="Meet Our Team" notes="Aliquam enim enim, pharetra in sodales at, interdum sit amet dui. Nullam vulputate euis od urna non pharetra.

                      Phasellus bland matt is ipsum, ac laoreet lorem lacinia et. interum sit amet dui. Nullam vulputate euismod urna non pharetra. Nullam vulputate euismod urna non pharetra.

                      Phasellus blandit mattis ipsum, ac laoreet lorem lacinia et.et." type="type2"]

                      [dt_sc_one_column type =" type1"]

                          [dt_sc_team type="type4" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                          facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                          skype="" youtube="" dribbble="" flickr="" tumblr=""]

                              Lorem ipsum dolor sit amet, tincidunt suspendisse. Tempor lectus, purus elit et, non scelerisque et, posuere phasellus adipiscing ut luctus dignissimos.

                              Sollicitudin sit augue non quam at, purus aenean enim nunc.

                          [/dt_sc_team]

                      [/dt_sc_one_column]

                      [dt_sc_one_column type =" type1"]

                          [dt_sc_team type="type4" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                          facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                          skype="" youtube="" dribbble="" flickr="" tumblr=""]

                          	Lorem ipsum dolor sit amet, tincidunt suspendisse. Tempor lectus, purus elit et, non scelerisque et, posuere phasellus adipiscing ut luctus dignissimos.

                              Sollicitudin sit augue non quam at, purus aenean enim nunc.

                          [/dt_sc_team]

                      [/dt_sc_one_column]

                      [dt_sc_one_column type =" type1"]

                          [dt_sc_team type="type4" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                          facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                          skype="" youtube="" dribbble="" flickr="" tumblr=""]

                          	Lorem ipsum dolor sit amet, tincidunt suspendisse. Tempor lectus, purus elit et, non scelerisque et, posuere phasellus adipiscing ut luctus dignissimos.

                              Sollicitudin sit augue non quam at, purus aenean enim nunc.

                          [/dt_sc_team]

                      [/dt_sc_one_column]

                      [dt_sc_one_column type =" type1"]

                          [dt_sc_team type="type4" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                          facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                          skype="" youtube="" dribbble="" flickr="" tumblr=""]

                          	Lorem ipsum dolor sit amet, tincidunt suspendisse. Tempor lectus, purus elit et, non scelerisque et, posuere phasellus adipiscing ut luctus dignissimos.

                              Sollicitudin sit augue non quam at, purus aenean enim nunc.

                          [/dt_sc_team]

                      [/dt_sc_one_column]

                      [/dt_sc_team_carousel]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title | Add title for your carousel. | title | title="Meet Our Team"
  Notes |  | notes | notes="Aliquam enim enim, pharetra in sodales at, interdum sit amet dui."
  Type | type 1, type 2 | type | type="type2"

  ###### Team Timeline

                      [dt_sc_timeline_wrapper]

                          [dt_sc_timeline_team align="right"]

                              [dt_sc_one_half first type="type1"]

                                  [dt_sc_hr_invisible /]

                              [/dt_sc_one_half]

                              [dt_sc_one_half type="type1"]

                                  [dt_sc_hr_invisible /]

                                  [dt_sc_team type="type4" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                                  facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                                  skype="" youtube="" dribbble="" flickr="" tumblr=""]

                                      Lorem ipsum dolor sit amet, tincidunt suspendisse. Tempor lectus, purus elit et, non scelerisque et, posuere phasellus adipiscing ut luctus dignissimos.

                                      Sollicitudin sit augue non quam at, purus aenean enim nunc.

                                  [/dt_sc_team]

                              [/dt_sc_one_half]

                          [/dt_sc_timeline_team]

                          [dt_sc_timeline_team align="left"]

                              [dt_sc_one_half first type="type1"]

                                  [dt_sc_team type="type4" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title="" delicious="" deviantart="#" digg=""

                                  facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#" vimeosquare="" stumbleupon="" linkedin=""

                                  skype="" youtube="" dribbble="" flickr="" tumblr=""]

                                      Lorem ipsum dolor sit amet, tincidunt suspendisse. Tempor lectus, purus elit et, non scelerisque et, posuere phasellus adipiscing ut luctus dignissimos.

                                      Sollicitudin sit augue non quam at, purus aenean enim nunc.

                                  [/dt_sc_team]

                              [/dt_sc_one_half]

                              [dt_sc_one_half type="type1"]

                                  [dt_sc_hr_invisible /]

                              [/dt_sc_one_half]

                          [/dt_sc_timeline_team]

                      [/dt_sc_timeline_wrapper]

- #### Tabs

  ###### Horizontal

                      [dt_sc_tabs_horizontal type="type5" animation="" animation_delay=""]

                          [dt_sc_tab title="Tab 1" icon="fa-home"]

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

                          [dt_sc_tab title="Tab 2" icon="fa-eye"]

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

                          [dt_sc_tab title="Tab 3" icon="fa-bolt"]

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

                      [/dt_sc_tabs_horizontal]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1,type2,type3,type4,type5 | type | type="type1"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"
  Title |  | title | title="Tab 1"
  Icon | Applicable only for type5 | icon | icon="fa-bolt"

  ###### Vertical

                      [dt_sc_tabs_vertical type="type1" animation="" animation_delay=""]

                          [dt_sc_tab title="Tab 1"]

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

                          [dt_sc_tab title="Tab 2"]

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

                          [dt_sc_tab title="Tab 3"]

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

                      [/dt_sc_tabs_vertical]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1,type2 | type | type="type1"
  Animation | flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft, fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight, fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft, bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft, rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight, rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp, expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight | animation | animation="swing"
  Animation Delay | Add numeric value | animation_delay | animation_delay="400"

- #### Testimonial

                      [dt_sc_testimonial type="type1" name="Sarah Mitchell" image="http://placehold.it/80x80" cite="BuddhaThemes" cite_link="#"]

                      	" This template is composed of colors. A great deal if you want a colorful & vibrant website for your business or portfolio.I highly recommend it."

                      [/dt_sc_testimonial]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3, type4, type5, type6 | type | type="type1"
  Name |  | name | name="James Bladwin"
  Image |  | image | image="http://placehold.it/160x160"
  Cite |  | cite | cite="BuddhaThemes"
  Cite Link |  | cite_link | cite_link="#"

  ###### Testimonial Carousel - 1

                      [dt_sc_testimonial_carousel type="" title="" direction="left"]

                      <ul>

                          <li>

                              [dt_sc_testimonial type="type1 / type2 / type3 / type4 / type5 / type6" name="Sarah Mitchell" image="http://placehold.it/80x80" cite="" cite_link="#"]

                                  " This template is composed of colors. A great deal if you want a colorful & vibrant website for your business or portfolio.

                                  I highly recommend it."

                              [/dt_sc_testimonial]

                          </li>

                          <li>

                              [dt_sc_testimonial type="type1 / type2 / type3 / type4 / type5 / type6" name="Sarah Mitchell" image="http://placehold.it/80x80" cite="" cite_link="#"]

                                  " This template is composed of colors. A great deal if you want a colorful & vibrant website for your business or portfolio.

                                  I highly recommend it."

                              [/dt_sc_testimonial]

                          </li>

                          <li>

                              [dt_sc_testimonial type="type1 / type2 / type3 / type4 / type5 / type6" name="Sarah Mitchell" image="http://placehold.it/80x80" cite="" cite_link="#"]

                                  " This template is composed of colors. A great deal if you want a colorful & vibrant website for your business or portfolio.

                                  I highly recommend it."

                              [/dt_sc_testimonial]

                          </li>

                      </ul>

                      [/dt_sc_testimonial_carousel]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3 | type | type="type1"
  Direction | left, right, up, down | direction | direction="left"

  ###### Testimonial Carousel - 2

                  	[dt_sc_testimonial_carousel type="type4" direction="left"]

                      	[dt_sc_one_half first type="type1"]

                          	[dt_sc_testimonial type="type1 / type2 / type3 / type4 / type5 / type6" name="Sarah Mitchell" image="http://placehold.it/80x80" cite="" cite_link="#"]

                              	" This template is composed of colors. A great deal if you want a colorful & vibrant website for your business or portfolio.I highly recommend it."

                              [/dt_sc_testimonial]

                          [/dt_sc_one_half]

                          [dt_sc_one_half first type="type1"]

                          	[dt_sc_testimonial type="type1 / type2 / type3 / type4 / type5 / type6" name="Sarah Mitchell" image="http://placehold.it/80x80" cite="" cite_link="#"]

                         			" This template is composed of colors. A great deal if you want a colorful & vibrant website for your business or portfolio.I highly recommend it."

                          	[/dt_sc_testimonial]

                          [/dt_sc_one_half]

                          [dt_sc_one_half first type="type1"]

                          	[dt_sc_testimonial type="type1 / type2 / type3 / type4 / type5 / type6" name="Sarah Mitchell" image="http://placehold.it/80x80" cite="" cite_link="#"]

                          		" This template is composed of colors. A great deal if you want a colorful & vibrant website for your business or portfolio.I highly recommend it."

                          	[/dt_sc_testimonial]

                          [/dt_sc_one_half]

                          [/dt_sc_testimonial_carousel]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type4 | type | type="type4"
  Direction | left, right, up, down | direction | direction="left"

- #### Title

      [dt_sc_title type="h2" style="" icon="fa-home" link="#" margin="0" align="alignleft" class="custom-title"]Lorem Ipsum[/dt_sc_title]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | h1,h2,h3,h4,h5,h6 | type | type="h2"
  Style | Hr Title, Hr Title2, Hr Title3, Icon Title, Border Title | style | style="hr-title"
  Icon | Any fontawesome icon | icon | icon="fa-home"
  Link |  | link | link="#"
  Margin |  | margin | margin="0 0 10px"
  Align | left, center, right | align | align="alignleft"
  Class | Additional class if needed. | class | class="custom-title"

  #### Special Title

      [dt_sc_special_title line1="Special" line2="Text" class=""]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Line1 | You can add own title1 here. | line1 | line1="Special"
  Line2 | You can add own title2 here. | line2 | line2="Text"

- #### Titled Box

                      [dt_sc_titled_box type="titled-box" title="Title Comes Here" icon="fa-home" bgcolor="#bfd6af" variation="brown" textcolor="#ededb6"]

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

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | titled-box,error-box,warning-box,success-box,info-box | type | type="titled-box"
  Title | applicable only for 'titled-box' | title | title="Title Comes Here"
  Icon | applicable only for 'titled-box' | icon | icon="fa-home"
  Background Color | applicable only for 'titled-box' | bgcolor | bgcolor="#eeee22"
  Variation | blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow (applicable only for 'titled-box') | variation | variation="blue"
  Text Color | applicable only for 'titled-box' | textcolor | textcolor="#81d742"

- #### Twitter

                      [dt_sc_twitter carousel="false" username="" consumer_key="" consumer_secret="" user_token="" user_secret="" count="4" showtime="yes" bgcolor="#bed6ad"]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Carousel | true,false | carousel | carousel="false"
  Username | Your twitter username. | username | username=""
  Consumer Key | Your twitter consumer key | consumer_key | consumer_key=""
  Consumer Secret | Your twitter consumer secret value | consumer_secret | consumer_secret=""
  User Token | Your twitter user token | user_token | user_token=""
  User Secret | Your twitter user secret. | user_secret | user_secret=""
  Count | Number of twitter post to display. | count | count="4"
  Show Time | yes, no (to show time of tweet) | showtime | showtime="yes"
  Background Color | Choose background color for your title. | bgcolor | bgcolor="#bed6ad"

- #### Toggles

                      [dt_sc_toggle_group type="type1" class=""]

                          [dt_sc_toggle_frame title="Toggle 1" titlebgcolor=""]

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

                          [dt_sc_toggle_frame title="Toggle 2" titlebgcolor=""]

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

                          [dt_sc_toggle_frame title="Toggle 3" titlebgcolor=""]

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

                      [/dt_sc_toggle_group]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1,type2,type3,type4 | type | type="type1"
  Title Background color | You can add custom bg color for title. | titlebgcolor | titlebgcolor=""
  Class | Add your own custom css class. | class | class="custom-toggle"

- #### Tooltip

                      [dt_sc_tooltip type="boxed" position="bottom" bgcolor="#070707" textcolor="#ffffff" tooltip="Tooltip Text" href="#" target="_parent"]

                      lorem ipsum

                      [/dt_sc_tooltip]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | default,boxed | type | type="boxed"
  Position | top,right,bottom,left | position | position="top"
  Background Color |  | bgcolor | bgcolor="#070707"
  Text Color |  | textcolor | textcolor="#ffffff"
  Tooltip |  | tooltip | tooltip="Tooltip Text"
  Link |  | href | href="#"
  Target | _blank, _new, _parent, _self, _top | target | target="_blank"

- #### Top Bar Menus

  ###### Custom Menus

                      [dt_sc_custom_menus type="type1"]

                          [dt_sc_custom_menu_item fontawesome_icon="fa-phone" fontawesome_icon_tag="i" text="Any Questions? Call Us:" span_text="1-223-355-2214" type="" /]

                          [dt_sc_custom_menu_item fontawesome_icon="fa-skype" fontawesome_icon_tag="i" text="Skype:" link_text="BuddhaThemes" link="#" type="" /]

                      [/dt_sc_custom_menus]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3 | type | type="type1"

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2 | type | type="type1"
  Fontawesome Icon |  | fontawesome_icon | fontawesome_icon="fa-phone"
  Fontawesome Icon Tag | i,span | fontawesome_icon_tag | fontawesome_icon_tag="i"
  Text | simple text for your custom menu. | text | text="Any Questions? Call Us:"
  Span Text | Text that comes within span tag. | span_text | span_text="1-223-355-2214"
  Link Text | Text that comes inside anchor tag. | link_text | link_text=""
  Link | Add link for your custom menu. | link | link="#"
  Link Type | Normal link or mail. | link_type | link_type=" ,mail"
  Icon Inside Link | false, true (choose whether icon should come inside link) | icon_inside_link | icon_inside_link="false"
  Icon Alignment | left,right (choose whether icon should come leftside or rightside of menu) | icon_alignment | icon_alignment="left"
  Login Logout Link | false,true (choose whether it is login or logout link) | loginlogout_link | loginlogout_link="false"

  ###### Login / Logout Menu

                      [dt_sc_custom_menus type="type1"]

                      	[dt_sc_login_logout_link login_text="Login" login_url="#" login_icon="fa-sign-in" logout_text="Logout" logout_icon="fa-sign-out" /]

                      [/dt_sc_custom_menus]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1, type2, type3 | type | type="type1"

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Login Text | Label for your login menu. | login_text | login_text="Login"
  Login URL | Give link login page link of your site. | login_url | login_url="#"
  Login Icon | You can add fontawesom icon to represent login. | login_icon | login_icon="fa-sign-in"
  Logout Text | Label for your logout text | logout_text | logout_text="Logout"
  Logout Icon | You can add fontawesom icon to represent logout. | logout_icon | logout_icon="fa-sign-out"

- #### Language Switcher

      [dt_sc_language_switcher /]

- #### Search and Cart

                      [dt_sc_search_cart type="" enable_search="true" search_icon="fa-search" enable_cart="false" cart_icon="fa-shopping-cart" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | ,type2 | type | type="type2"
  Enable Search | false,true | enable_search | enable_search="true"
  Search Icon | Add fontawesome icon here. | search_icon | search_icon="fa-search"
  Enable Cart | false,true | enable_cart | enable_cart="true"
  Cart Icon | Add fontawesome icon here. | cart_icon | cart_icon="fa-shopping-cart"

- #### Audio

                      [dt_sc_audio date="28 Mar 2014" author="Dr. John Goetsch" author_link="#" title="Study Scriptures and Finding Jesus" title_link="#" audio="" image="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Date | Add date of the event or audio created date. | date | date="28 Mar 2014"
  Author | Author for this audio. | author | author="Dr. John Goetsch"
  Author Link | Link for author. | author_link | author_link="#"
  Title | Title for this audio. | title | title="Study Scriptures and Finding Jesus"
  Title Link | Link for title. | title_link | title_link="#"
  Audio URL | Link for title. | audio | audio="#"
  Image |  | image | image=""

- #### BMI Form - For fitness calculation

                      [dt_sc_bmi_form bmi_class="true"]

                      	[dt_sc_bmi_classification_wrapper height="340"]

                              [dt_sc_bmi_classification bmi_range="< 18.5" classification="Underweight" /]

                              [dt_sc_bmi_classification bmi_range="18.5 – 24.9" classification="Normal Weight" /]

                              [dt_sc_bmi_classification bmi_range="25.0 – 29.9" classification="Overweight" /]

                        	[/dt_sc_bmi_classification_wrapper]

                      [/dt_sc_bmi_form]

- #### Background Details - To be used with parallax

                      [dt_sc_background_details_wrapper]

                      	[dt_sc_background_details icon="fa-phone" title="Call us on:" value="031 2452 1486" link="" title_strong="true"]

                          [dt_sc_background_details icon="fa-comments" title="Start a Chat" value="" link="" title_strong="false"]

                          [dt_sc_background_details icon="fa-envelope" title="Email us" value="" link="" title_strong="false"]

                      [/dt_sc_background_details_wrapper]

- #### Content Carousel

                      [dt_sc_content_carousel_wrapper carousel_container="true / false"]

                      [dt_sc_content_carousel]

                          [dt_sc_title type="h5"]How to live a healthy lifestyle?[/dt_sc_title]

                          Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.

                          Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo.

                          [dt_sc_fancy_ul style="tick" variation=""]

                          <ul>

                              <li>Lorem ipsum dolor sit</li>

                              <li>Praesent convallis nibh</li>

                              <li>Nullam ac sapien sit</li>

                              <li>Phasellus auctor augue</li>

                          </ul>

                          [/dt_sc_fancy_ul]

                      [/dt_sc_content_carousel]

                      [dt_sc_content_carousel]

                          [dt_sc_title type="h5"]How to live a healthy lifestyle?[/dt_sc_title]

                          Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.

                          Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo.

                          [dt_sc_fancy_ul style="tick" variation=""]

                          <ul>

                              <li>Lorem ipsum dolor sit</li>

                              <li>Praesent convallis nibh</li>

                              <li>Nullam ac sapien sit</li>

                              <li>Phasellus auctor augue</li>

                          </ul>

                          [/dt_sc_fancy_ul]

                      [/dt_sc_content_carousel]

                      [dt_sc_content_carousel]

                          [dt_sc_title type="h5"]How to live a healthy lifestyle?[/dt_sc_title]

                          Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.

                          Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo.

                          [dt_sc_fancy_ul style="tick" variation=""]

                          <ul>

                              <li>Lorem ipsum dolor sit</li>

                              <li>Praesent convallis nibh</li>

                              <li>Nullam ac sapien sit</li>

                              <li>Phasellus auctor augue</li>

                          </ul>

                          [/dt_sc_fancy_ul]

                      [/dt_sc_content_carousel]

                      [/dt_sc_content_carousel_wrapper]

- #### Custom Pages - To add list of pages with thier links.

                      [dt_sc_custom_pages page_ids="1,2,3,4" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Page Ids | Id of pages separated by commas. | page_ids | page_ids="1,2,3,4"

- #### Consultation

                      [dt_sc_consultation title="Get Free Consultation" note="Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

                      Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante sembre ost."]

                      Contact Form Shortcode Goes Here

                      [/dt_sc_consultation]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title | Add title here. | title | title="Get Free Consultation"
  Note | Note comes here. | note | note="Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem."

- #### Embed Video

                      [dt_sc_embed_video type="embedvideo / selfhosted" video_url=""]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | embedvideo / selfhosted | type | type="embedvideo / selfhosted"
  video url |  | video_url | video_url=""

- #### Footer Icon

                      [dt_sc_footer_icon icon="fa-twitter" type="" class="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-twitter"
  type | ,type2 | type | type=""
  Class |  | class | class="custom-class"

- #### Image

                      [dt_sc_image title="" src="" link="" borderradius="" boxshadow="" boxshadowcolor="" class="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title | Title of your image. | title | title=""
  Source | Source URL of your image. | src | src=""
  Link | Add link for your custom menu. | link | link="#"
  Boxshadow |  | boxshadow | boxshadow="0 0 5px"
  Boxshadow Color |  | boxshadowcolor | boxshadowcolor="#ff0000"
  Border Radius | You can add the border radius for image in pixel or percentage. | borderradius | borderradius="5px"
  Class | Additional class for your image. | class | class=""

- #### Image Flip

                      [dt_sc_image_flip title="" src="" notes="" border=" / type1 / type2" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title | Add title for your Image Flip. | title | title="Image Flip updates"
  src |  | src | src=""
  Notes |  | notes | notes=""
  Border | type 1, type 2 | border | border="type2"

- #### Image Switch

                      [dt_sc_image_switch image1="#" image2="#" link="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Image 1 |  | image1 | image1="#"
  Image 2 |  | image2 | image2="#"
  Link | Add link for your custom menu. | link | link="#"

- #### Newsletter Section

                      [dt_sc_newsletter_section type="" icon="fa-envelope" iconbgcolor="" title="Subscribe Newsletter for updates" span_text=""]

                      	Nam libero tempore, eu volutpat enim diam eget metus cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere.

                      [/dt_sc_newsletter_section]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | ,type2,type3,type4 | type | type="type2"
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-envelope"
  Title | Add title for your newsletter section. | title | title="Subscribe Newsletter for updates"
  Icon background Color | This variable will act as icon bg color for type 2 and bg color for type 3. | iconbgcolor | iconbgcolor="#ff0000"

- #### Opening Hours

                      [dt_sc_opening_hours type="" icon="fa-circle" title="Opening Hours" line1="Monday - Saturday : 08:00 am - 11:00 pm" line2="Sunday - Closed" bgimage="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Fontawesome Icon | Add fontawesome icon here. | icon | icon="fa-circle"
  Type | ,type2,type3 | type | type="type2"
  Title | Add title here. | title | title="Opening Hours"
  Line 1 | Add first line text here. | line1 | line1="Monday - Saturday : 08:00 am - 11:00 pm"
  Line 2 | Add second line text here. | title | title="Sunday - Closed"
  Background Image | Add background image for this section. | bgimage | bgimage=""

- #### Page Info - Additonal notes shortcode

                      [dt_sc_page_info title=""]If you don't have an account yet, <a title="Register" href="#">Register here</a> and get started.[/dt_sc_page_info]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title | Add title here. | title | title=""

- #### Parallax Title - Special type of title that can be used within parallax section.

                      [dt_sc_parallax_title title="Get a name now!" subtitle="Domain Names from" price="$2.55" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title | Add title here. | title | title="Get a name now!"
  Sub Title | Add sub title here. | subtitle | subtitle="Domain Names from"
  Price | Add price here. | price | price="$2.55"

- #### Popup Video

                      [dt_sc_popup_video title="" image_src="" type="embedvideo / selfhosted / image" video_url="" image_url="" class="" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title |  | title | title=""
  Image source |  | image_src | image_src=""
  Type | embedvideo / selfhosted / image | type | type="embedvideo / selfhosted / image"
  video url |  | video_url | video_url=""
  Image url |  | image_url | image_url=""
  Class | Additional class for your Popup Video. | class | class=""

- #### Recent Gallery

                      [dt_sc_recent_gallery type=" / type2" class="" image1="http://placehold.it/1170x767&text=Image 1" image2="http://placehold.it/1170x767&text=Image 2"

                      image3="http://placehold.it/1170x767&text=Image 3" image4="http://placehold.it/1170x767&text=Image 4" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | ,type2 | type | type=""
  Images | Add images in incremental order.. | image1 | image1="http://placehold.it/1170x767&text=Image 1"
  Class | Additional class for your Recent Gallery. | class | class=""

- #### Menu Items - Restaurant

                      [dt_sc_restaurant_menu image="http://placehold.it/170x170" title="Tasty Sandwiches" price="$6.19"]

                      	With ham, eggs, cheese and arugula for perfect start of the dinner!

                      [/dt_sc_restaurant_menu]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Image | Add image here. | image | image="http://placehold.it/170x170"
  Title | Give title for your menu here. | title | title="Tasty Sandwiches"
  Price | Add menu price here. | price | price="$6.19"

- #### Social Links

                      [dt_sc_social_links show_tooltip="false" tooltip_position="top" align="" font_size="" padding="" margin="" line_height="" disable_border="" border_width="" border_radius="" background_color="" border_color="" text_color="" socialicons_bgcolor="" socialicons_bgcolor_hover="" socialicons_textcolor="" rounded_corner="" class=""  deviantart="#" facebooksquare="#" googleplus="#" pinterest="#" behance="#" /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Social Links | facebook,twitter,youtube,... | twitter | twitter="#"
  Show Tooltip | false,true | show_tooltip | show_tooltip="false"
  Tooltip | top,bottom,left,right | tooltip_position | tooltip_position="top"
  Font size |  | font_size | font_size="16px"
  Align | left,right,center | align | align=""
  Padding |  | padding | padding="0 10px"
  Margin |  | margin | margin="0 10px"
  Line height |  | line_height | line_height="21px"
  Disable Border | false, true | disable_border | disable_border="21px"
  Border Width |  | border_width | border_width="2px"
  Border Radius |  | border_radius | border_radius="50px"
  Background Color | You can choose custom bg color for social links. | background_color | background_color="#ff0000"
  Border Color | You can choose custom border color for social links. | border_color | border_color="#ff0000"
  Text Color | You can choose custom text color for social links. | border_color | border_color="#ff0000"
  Enable Socialicons bgcolor | false, true | socialicons_bgcolor | socialicons_bgcolor="true"
  Enable Social Icons Bg Color Hover | false, true | socialicons_bgcolor | socialicons_bgcolor="false"
  Enable Social Icons Text Color | false, true | socialicons_textcolor | socialicons_textcolor="true"
  Rounded Corner | false, true | rounded_corner | rounded_corner="false"
  Rounded Corner | false, true | rounded_corner | rounded_corner="false"
  Class | Additional class for your Recent Gallery. | class | class=""

- #### Skill Details

                      [dt_sc_skill_detail note1="Proactively envisioned multimedia based expertise." note2="Lorem ipsum dolor sit amet, consectetur adipiscing elit." /]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Note 1 | Add first line notes here. | note1 | note1="Proactively envisioned multimedia based expertise."
  Note 2 | Add second line notes here. | note2 | note2="Lorem ipsum dolor sit amet, consectetur adipiscing elit."

Note

Click Here to view above shortcodes in live.