Shortcodes

This Wordpress theme "Whistle, Sports WordPress Theme" 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
    Default
     
                    [dt_sc_accordion_group]
                        [dt_sc_toggle title="Accordion 1"]
                            Lorem
                        [/dt_sc_toggle]
                        [dt_sc_toggle title="Accordion 2"]
                            Lorem
                        [/dt_sc_toggle]
                        [dt_sc_toggle title="Accordion 3"]
                            Lorem
                        [/dt_sc_toggle]
                    [/dt_sc_accordion_group] 
                
    Framed
                	[dt_sc_accordion_group]
                        [dt_sc_toggle_framed title="Accordion 1"]
                            Lorem
                        [/dt_sc_toggle_framed]
                        [dt_sc_toggle_framed title="Accordion 2"]
                            Lorem
                        [/dt_sc_toggle_framed]
                        [dt_sc_toggle_framed title="Accordion 3"]
                            Lorem
                        [/dt_sc_toggle_framed]
                    [/dt_sc_accordion_group]
                
    Attribute Options Input Variable Example
    Title   title title="Accordion 1"
  • Animation
    [dt_animate animation="fadeIn" delay="300"] Add Content to Animate [/dt_animate]
    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 animation animation="fadeIn"
    Delay any numeric value delay delay="400"
  • Buttons
    		[dt_sc_button type="type1" iconstyle="no-icon" link="#" size="medium" variation="blue" target="_blank"]Button[/dt_sc_button]
    			
    Attribute Options Input Variable Example
    Style type1, type2 type type="type1"
    Icon Style no-icon, with-icon iconstyle iconstyle="no-icon"
    Icon   icon icon="fa-home"
    Title     Click me!
    Hover Text     Click me!
    Link   link link="http://google.com"
    Size small, medium, large, xlarge size size="small"
    Background Color   bgcolor bgcolor="#7f7f7f"
    Variation blue, chocolate, crimson, cyan, electricblue, ferngreen, light-red, gold, green, grey, ocean, orange, palebrown, pink, purple, raspberry, red, skyblue, violet, yellow variation variation="blue"
    Text Color   textcolor textcolor="#81d742"
    Target _blank, _new, _parent, _self, _top target target="_blank"
    Additional Styles   addstyles addstyles="float:left;"
    Class   class class="extra-class"
  • Blockquotes
                	[dt_sc_blockquote type="type1" align="left" variation="black" cite="John" role="Marketing"]
                    	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 type1,type2,type3,type4,type5,type6 type type="type1"
    Alignment left,right,center align align="left"
    Custom Text Color   textcolor textcolor="#81d742"
    Variation blue, chocolate, crimson, cyan, electricblue, ferngreen, light-red, gold, green, grey, ocean, orange, palebrown, pink, purple, raspberry, red, skyblue, violet, yellow variation variation="blue"
    Cite Name   cite cite="DesignThemes"
    Role   role role="Marketing"
  • Callout Button
                [dt_sc_callout_box type='type1']
                	[dt_sc_h2 class='aligncenter']Lorem ipsum dolor sit amet[/dt_sc_h2]
                    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_hr_invisible_small /] Class aptent taciti sociosqu ads [dt_sc_hr_invisible_small /][dt_sc_clear /]
                    [dt_sc_button type='type1' link='#' size='medium']View Programs[/dt_sc_button]
                    [dt_sc_button type='type1' link='#' size='medium']Sign Up Now[/dt_sc_button]
                [/dt_sc_callout_box]
                
    Attribute Options Input Variable Example
    Type type1,type2,type3,type4,type5,type6 type type="type1"
    Class   class class="extra-class"
  • Column Layout
                    [dt_sc_one_half first]
                        [dt_sc_one_third_inner first]Content for 1/3 Column here[/dt_sc_one_third_inner]
                        [dt_sc_one_third_inner]Content for 1/3 Column here[/dt_sc_one_third_inner]
                        [dt_sc_one_third_inner]Content for 1/3 Column here[/dt_sc_one_third_inner]
                    [/dt_sc_one_half]
                    [dt_sc_one_half]
                        Content for 1/2 Column here
                    [/dt_sc_one_half]
                
    Attribute Options Input Variable Example
    Class class class="customWarpper"
  • Color Box
                	[dt_sc_icon_box_colored icon_class='fa fa-home' title='Well Trained Professionals' bgcolor='#333334' ]
                    	Nunc at pretium est curabitur commodo leac est venenatis egestas sed aliquet auguevelit.
                    	[dt_sc_button link="#" size="small" target="_blank"]Know More[/dt_sc_button]
                    [/dt_sc_icon_box_colored]
                
    Attribute Options Input Variable Example
    Title   title title='Some Title'
    Background Color   bgcolor bgcolor="#333334"
    Icon Class   icon_class icon_class="fa fa-home"
    Type   type type="type1"
    Class   class class="extra-class"
  • Contact Info
                	[dt_sc_address line1="No: 58 A, East Madison St" line2="Baltimore, MD, USA" class="" /]
                    [dt_sc_timing line1="Monday to Saturday 04:00 - 20:00" line2="Sunday - Holiday" class="" /]
                    [dt_sc_phone phone="+1 200 258 2145" class="" /]
                    [dt_sc_mobile mobile="+91 99548 65214" class="" /]
                    [dt_sc_fax fax="+1 100 458 2345" class="" /]
                    [dt_sc_email emailid="yourname@somemail.com" class="" /]
                    [dt_sc_web url="http://www.google.com" class="" /]
                
  • Morris Donut Chart
                	[dt_sc_donutchart_morris color="#9bb70d"]
                    [dt_sc_morris_label label="PHP" value="25" /]
                    [dt_sc_morris_label label="WordPress" value="55" /]
                    [dt_sc_morris_label label="HTML" value="20" /]
                    [/dt_sc_donutchart_morris]
                
    Attribute Options Input Variable Example
    Color   bgcolor color="#9bb70d"
    Label   label label="PHP"
    Value   value Any numeric value
  • PIE Chart
                	[dt_sc_pie_chart]
                    [dt_sc_pie_data label="PHP" value="25" /]
                    [dt_sc_pie_data label="WordPress" value="35" /]
                    [dt_sc_pie_data label="CSS" value="30" /]
                    [dt_sc_pie_data label="HTML" value="20" /]
                    [/dt_sc_pie_chart]
                
    Attribute Options Input Variable Example
    Label   label label="PHP"
    Value   value Any numeric value
  • Progress Round
                	[dt_sc_donutchart_small title="Lorem" bgcolor="#f5f5f5" fgcolor="#9bb70d" percent="70"/]
                    [dt_sc_donutchart_medium title="Lorem" bgcolor="#f5f5f5" fgcolor="#9bb70d" percent="65"/]
                    [dt_sc_donutchart_large title="Lorem" bgcolor="#f5f5f5" fgcolor="#9bb70d" percent="50"/]
                
    Attribute Options Input Variable Example
    Title   title title="Lorem"
    Background Color   bgcolor bgcolor="#808080"
    Foreground Color   fgcolor fgcolor="#4bbcd7"
    Percent   percent percent="70"
    Text   text text="Some Text"
  • Dividers
                	[dt_sc_clear]
                    [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_small]
                    [dt_sc_hr_invisible_medium]
                    [dt_sc_hr_invisible_large]
                
  • Fullwidth Section
                	[dt_sc_fullwidth_section id="about" backgroundcolor="#dd9933" backgroundimage="http://placehold.it/700" opacity="0.7" parallax="yes" backgroundrepeat="repeat" 
                    backgroundposition="left top" paddingtop="50" paddingbottom="50" textcolor="#81d742" class="extra"]
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras cursus sollicitudin nunc nec rhoncus.
                    [/dt_sc_fullwidth_section]
                
    Attribute Options Input Variable Example
    ID   id id="about"
    Background Color   backgroundcolor backgroundcolor="#7f7f7f"
    Background Image   backgroundimage backgroundimage="http://placehold.it/100"
    Opacity   opacity opacity="0.5"
    Parallax no,yes parallax parallax="yes"
    Background Repeat no-repeat,repeat,repeat-x,repeat-y backgroundrepeat backgroundrepeat="no-repeat"
    Background Position left top,left center,left bottom,right top,right center,right bottom,center top,center center,center bottom backgroundposition backgroundposition="left top"
    Padding Top   paddingtop paddingtop="20"
    Padding Bottom   paddingbottom paddingbottom="20"
    Text Color   textcolor textcolor="#dd9933"
    Class   class class="sample-class"
  • Fullwidth Section Video
                    [dt_sc_fullwidth_video id="about" 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
    ID   id id="about"
    Mp4 Format   mp4 mp4="#"
    Webm Format   webm webm="#"
    Ogv Format   ogv ogv="#"
    Poster Image   poster poster="http://placehold.it/100"
    Background Image   backgroundimage backgroundimage="http://placehold.it/100"
    Padding Top   paddingtop paddingtop="20"
    Padding Bottom   paddingbottom paddingbottom="20"
    Class   class class="sample-class"
  • Icon Boxes
                	[dt_sc_one_third first]
                    	[dt_sc_icon_box type =" type5" icon_class='fa fa-flag' title='Well Trained Professionals' link='#' ]
                        	Nunc at pretium est curabitur commodo leac est venenatis egestas sed aliquet auguevelit.
                        [/dt_sc_icon_box]
                    [/dt_sc_one_third]
                
    Attribute Options Input Variable Example
    Type type1,type2,type3,type4,type5,type6,type7,type8,type9 type type="type1"
    Icon Class   icon_class icon_class="fa fa-home"
    Custom Image Class   custom_img_class custom_img_class="custom-class"
    Custom Image   custom_img custom_img="http://place-hold.it/270"
    Custom Over Image   custom_over_img custom_over_img="http://place-hold.it/270"
    Title   title title="Some Title"
    Sub Title   subtitle subtitle="Some Sub Title"
    Link   link link='#'
    Button Text   button_text button_text="Know More"
    Number Count   no_count no_count="54"
    Count Text   count_text count_text="Some Text"
    Class   class class="some-class"
  • Lists
    Ordered Lists
                    [dt_sc_fancy_ol style="decimal-leading-zero" variation="blue"]
                        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, chocolate, crimson, cyan, electricblue, ferngreen, light-red, gold, green, grey, ocean, orange, palebrown, pink, purple, raspberry, red, skyblue, violet, yellow variation variation="blue"
    Class   class class="some-class"
    Unordered Lists
                    [dt_sc_fancy_ul style="rounded-arrow" variation="orange"]
                        Lorem ipsum dolor sit
                        Praesent convallis nibh
                        Nullam ac sapien sit
                        Phasellus auctor augue
                    [/dt_sc_fancy_ul]
                
    Attribute Options Input Variable Example
    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,location-arrow,paper-plane style style="double-arrow"
    Variation blue, chocolate, crimson, cyan, electricblue, ferngreen, light-red, gold, green, grey, ocean, orange, palebrown, pink, purple, raspberry, red, skyblue, violet, yellow variation variation="orange"
    Class   class class="some-class"
  • Pullquote
                    [dt_sc_pullquote type="pullquote1" align="left" icon="yes" textcolor="#dd3333" cite="DesignThemes"]
                    	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"
    Alignment left,right,center align align="left"
    Show Quote Icon no,yes icon icon="yes"
    Custom Text Color   textcolor textcolor="#dd9933"
    Cite Name   cite cite="DesignThemes"
  • Pricing Table
                [dt_sc_pricing_table type='type1' space='space']
                    [dt_sc_one_third first]
                        [dt_sc_pricing_table_item heading='Heading' button_text='Buy Now' button_link='#' price='$15' per='month' selected]
                            Text
                            Text
                            Text
                        [/dt_sc_pricing_table_item]
                    [/dt_sc_one_third]
                    [dt_sc_one_third]
                        [dt_sc_pricing_table_item heading='Heading' button_text='Buy Now' button_link='#' price='$15' per='month' ]
                            Text
                            Text
                            Text
                        [/dt_sc_pricing_table_item]
                    [/dt_sc_one_third]
                    [dt_sc_one_third]
                        [dt_sc_pricing_table_item heading='Heading' button_text='Buy Now' button_link='#' price='$15' per='month' ]
                            Text
                            Text
                            Text
                        [/dt_sc_pricing_table_item]
                    [/dt_sc_one_third]
                [/dt_sc_pricing_table]
                
    Attribute Options Input Variable Example
    Type type1,type2 type type="type1"
    Style space,no-space space space='space'
    Heading   heading heading="Heading"
    Button Text   button_text button_text='Buy Now'
    Button Link   button_link button_link='#'
    Button Size small,medium,large,xlarge button_size button_size='small'
    Price   price price="$15"
    Per   per per='month'
  • Pricing Table II
                [dt_sc_pricing_table type='type2' space='space']
                	[dt_sc_one_third first]
                    	[dt_sc_pricing_table_item_two color='blue' heading='Personal Trainers' subtitle='Train with your Personal Trainer' ribben='Best Plan' price1='$119.99'
                        	text1='3 Months' price2='$219.99' text2='6 Months' price3='$449.99' text3='Full year Subscription' button_text='Enroll Now' button_link='#' button_size='medium']
                                	Text
                                    Text
                                    Text
                         [/dt_sc_pricing_table_item_two]
                    [/dt_sc_one_third]
                    [dt_sc_one_third]
                    	[dt_sc_pricing_table_item_two color='lightgreen' heading='Personal Trainers' subtitle='Train with your Personal Trainer' ribben='Best Plan' price1='$119.99'
                        	text1='3 Months' price2='$219.99' text2='6 Months' price3='$449.99' text3='Full year Subscription' button_text='Enroll Now' button_link='#' button_size='medium']
                                	Text
                                    Text
                                    Text
                        [/dt_sc_pricing_table_item_two]
                    [/dt_sc_one_third]
                    [dt_sc_one_third]
                    	[dt_sc_pricing_table_item_two color='darkpink' heading='Personal Trainers' subtitle='Train with your Personal Trainer' ribben='Best Plan' price1='$119.99'
                        	text1='3 Months' price2='$219.99' text2='6 Months' price3='$449.99' text3='Full year Subscription' button_text='Enroll Now' button_link='#' button_size='medium']
                                	Text
                                    Text
                                    Text
                        [/dt_sc_pricing_table_item_two]
                    [/dt_sc_one_third]
                [/dt_sc_pricing_table]
                
    Attribute Options Input Variable Example
    Color   color color='blue'
    Heading   heading heading='Heading'
    Sub Title   subtitle subtitle='Some Sub Title'
    Ribben   ribben ribben='Best Plan'
    Price I   price1 price1='$119.99'
    Text I   text1 text1='3 Months'
    Price II   price2 price2='$219.99'
    Text II   text2 text2='6 Months'
    Price III   price3 price3='$449.99'
    Text III   text3 text3='Full year Subscription'
    Button Size too-small, small, medium, large, xlarge button_size button_size='too-small'
    Button Text   button_text button_text='Buy Now'
    Button Link   button_link button_link='#'
  • Progress Bars
                    [dt_sc_progressbar value="85" type="standard" color="#e0316f" textcolor=""]Lorem ipsum dolor[/dt_sc_progressbar]
                
    Attribute Options Input Variable Example
    Value   value value="85"
    Type standard,progress-striped,progress-striped-active type type="standard"
    Color   color color="#9c59b6"
  • Tabs
    Horizontal
                    [dt_sc_tabs_horizontal]
                        [dt_sc_tab title="Tab 1"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 2"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 3"] Lorem ipsum [/dt_sc_tab]
                    [/dt_sc_tabs_horizontal]
                
    Horizontal with Icon
                    [dt_sc_tabs_horizontal]
                        [dt_sc_tab title="Tab 1" icon="home"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 2" icon="gift"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 3" icon="support"] Lorem ipsum [/dt_sc_tab]
                    [/dt_sc_tabs_horizontal]
                
    Vertical
                    [dt_sc_tabs_vertical]
                        [dt_sc_tab title="Tab 1"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 2"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 3"] Lorem ipsum [/dt_sc_tab]
                    [/dt_sc_tabs_vertical]
                
    Vertical with Icon
                    [dt_sc_tabs_vertical]
                        [dt_sc_tab title="Tab 1" icon="home"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 2" icon="gift"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 3" icon="support"] Lorem ipsum [/dt_sc_tab]
                    [/dt_sc_tabs_vertical]
                
    Vertical Right
                    [dt_sc_tabs_vertical_right]
                        [dt_sc_tab title="Tab 1"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 2"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 3"] Lorem ipsum [/dt_sc_tab]
                    [/dt_sc_tabs_vertical_right]
                
    Vertical Right with Icon
                    [dt_sc_tabs_vertical_right]
                        [dt_sc_tab title="Tab 1" icon="home"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 2" icon="gift"] Lorem ipsum [/dt_sc_tab]
                        [dt_sc_tab title="Tab 3" icon="support"] Lorem ipsum [/dt_sc_tab]
                    [/dt_sc_tabs_vertical_right]
                
    Attribute Options Input Variable Example
    Title   title title="Tab 1"
    Font Awesome Icon   icon icon="home"
  • Heading
                	[dt_sc_h1]Lorem ipsum dolor sit amet[/dt_sc_h1]
                    [dt_sc_h2]Lorem ipsum dolor sit amet[/dt_sc_h2]
                    [dt_sc_h3]Lorem ipsum dolor sit amet[/dt_sc_h3]
                    [dt_sc_h4]Lorem ipsum dolor sit amet[/dt_sc_h4]
                    [dt_sc_h5]Lorem ipsum dolor sit amet[/dt_sc_h5]
                    [dt_sc_h6]Lorem ipsum dolor sit amet[/dt_sc_h6]
                
    Attribute Options Input Variable Example
    Class aligncenter, alignright class class="aligncenter"
  • Titled Box
                    [dt_sc_titled_box type="titled-box" title="Title Comes Here" bgcolor="#eeee22" variation="blue" textcolor="#81d742"]
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
                    [/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   title title="Title Comes Here"
    Font Awesome Icon   icon icon="fa-home"
    Background Color applicable only for 'titled-box' bgcolor bgcolor="#81d742"
    Variation blue, chocolate, crimson, cyan, electricblue, ferngreen, light-red, gold, green, grey, ocean, orange, palebrown, pink, purple, raspberry, red, skyblue, violet, yellow variation variation="blue"
    Text Color applicable only for 'titled-box' textcolor textcolor="#81d742"
  • Toggles
    Default
                    [dt_sc_toggle title="Toggle 1"] Lorem ipsum [/dt_sc_toggle]
                    [dt_sc_toggle title="Toggle 2"] Lorem ipsum [/dt_sc_toggle]
                    [dt_sc_toggle title="Toggle 3"] Lorem ipsum [/dt_sc_toggle]
                
    Framed
                    [dt_sc_toggle_framed title="Toggle 1"] Lorem ipsum [/dt_sc_toggle_framed]
                    [dt_sc_toggle_framed title="Toggle 2"] Lorem ipsum [/dt_sc_toggle_framed]
                    [dt_sc_toggle_framed title="Toggle 3"] Lorem ipsum [/dt_sc_toggle_framed]
                
    Attribute Options Input Variable Example
    Title   title title="Toggle 1"
  • Tooltip
                    [dt_sc_tooltip type="default" position="top" 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="default"
    Position top,right,bottom,left position position="top"
    Background Color   bgcolor bgcolor="#070707"
    Text Color   textcolor textcolor="#ffffff"
    Tooltip Text   tooltip tooltip="Tooltip Text"
    Link   href href="#"
    Target _blank, _new, _parent, _self, _top target target="_blank"
  • Team I
                    [dt_sc_team_one name="Stephen Matthew" role="Gymnastics Instructor" image="http://place-hold.it/160x160" phone_no="+(41) 20 324 2211" /]
                
  • Team II
                    [dt_sc_team_two fname="Selena" lname="Kyle" role="Instructor" image="http://place-hold.it/160x160" twitter="#" facebook="#" google="#" linkedin="#" /]
                
  • Time Table
                    [dt_sc_ts_wrapper title="Our Schedule"]
                    	[dt_sc_ts_group]
                        	[dt_sc_ts_time text="05:00 – 06:00" /]
                            [dt_sc_ts_work title="Warmup" link="#" author="Alan Trump" /]
                            [dt_sc_ts_work title="Yoga" link="#" author="James Goodwin" /]
                            [dt_sc_ts_work /]
                            [dt_sc_ts_work title="Chest" link="#" author="Kelly Wyane" /]
                            [dt_sc_ts_work title="Wings" link="#" author="Marlon Kate" /]
                            [dt_sc_ts_work title="Biceps" link="#" author="William kane" /]
                            [dt_sc_ts_work /]
                        [/dt_sc_ts_group]
                        [dt_sc_ts_group]
                        	[dt_sc_ts_time text="06:00 – 07:00" /]
                            [dt_sc_ts_work /]
                            [dt_sc_ts_work title="Wings" link="#" author="Marlon Kate" /]
                            [dt_sc_ts_work title="Biceps" link="#" author="William kane" /]
                            [dt_sc_ts_work title="Warmup" link="#" author="Alan Trump" /]
                            [dt_sc_ts_work title="Yoga" link="#" author="James Goodwin" /]
                            [dt_sc_ts_work /]
                            [dt_sc_ts_work title="Chest" link="#" author="Kelly Wyane" /]
                        [/dt_sc_ts_group]
                    [/dt_sc_ts_wrapper]
                
  • Testimonial Carousel
                [dt_sc_testimonial_carousel]
                <ul>
                	<li>[dt_sc_testimonial image="http://placehold.it/300" name="Jeniffer Aniston" role="Sports Enthuisast, BELGRAM"]
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
                        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_testimonial]</li>
                    <li>[dt_sc_testimonial image="http://placehold.it/300" name="Jeniffer Aniston" role="Sports Enthuisast, BELGRAM"]
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
                        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_testimonial]</li>
                    <li>[dt_sc_testimonial image="http://placehold.it/300" name="Jeniffer Aniston" role="Sports Enthuisast, BELGRAM"]
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
                        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/dt_sc_testimonial]</li>
                </ul>
                [/dt_sc_testimonial_carousel]
    	        
    Attribute Options Input Variable Example
    Image   image image="http://placehold.it/300"
    Name   name name="Jeniffer Aniston"
    Role   role role="Sports Enthuisast, BELGRAM"
    Type   type type=""
    Class   class class="some-class"
  • Clients Carousel
                [dt_sc_clients_carousel]
                <ul>
                    <li>[dt_sc_client_item title="The National Physical Activity." link="#" image="http://placehold.it/247x67" /]</li>
                    <li>[dt_sc_client_item title="Donec tincidunt sed mauris." link="#" image="http://placehold.it/247x67" /]</li>
                    <li>[dt_sc_client_item title="Nam viverra nunc eu arcum." link="#" image="http://placehold.it/247x67" /]</li>
                    <li>[dt_sc_client_item title="Vestibulum feugiat lacus." link="#" image="http://placehold.it/247x67" /]</li>
                    <li>[dt_sc_client_item title="Quisque consequat pulvinar." link="#" image="http://placehold.it/247x67" /]</li>
                </ul>
                [/dt_sc_clients_carousel]
    	        
    Attribute Options Input Variable Example
    Title   title title="Tooltip Title"
    Link   link link="#"
    Image   image image="http://place-hold.it/247x67"
  • Contact Form
                	[dt_contact_form to_email="someemail@somedomain.com" success_msg="Thanks for Contacting Us!" error_msg="Sorry Your Mail Not Send." /]
                
    BMI Calculator
                    [dt_sc_bmi_calc view_link="" /]
                
  • Blog Posts
                [dt_sc_blog_posts excerpt_length="25" show_meta="true" limit="4" categories="1,2" posts_column="one-third-column" /]
    	        
    Attribute Options Input Variable Example
    Excerpt Length   excerpt_length excerpt_length="25"
    Show Meta true, false show_meta show_meta="true"
    Limit Any numeric value limit limit="4"
    Categories Numeric value: seperated by comma(,) categories categories="1,2"
    Posts Column one-column, one-half-column, one-third-column posts_column posts_column="one-third-column"
  • Recent Posts
                [dt_sc_recent_posts limit="4" excerpt_length="25" /]
    	        
    Attribute Options Input Variable Example
    Limit   limit limit="4"
    Excerpt Length Any numeric value excerpt_length excerpt_length="25"
  • Gallery Items
                [dt_sc_gallery_items limit="4" categories="2,3" posts_column="one-third-column" filter="true" fullwidth="true" /]
    	        
    Attribute Options Input Variable Example
    Limit   limit limit="4"
    Categories Numeric value: seperated by comma(,) categories categories="1,2"
    Posts Column one-half-column, one-third-column, one-fourth-column posts_column posts_column="one-fourth-column"
    Show Filter true, false filter filter="true"
    Masonry true, false masonry masonry="true"
    Enable Fullwidth true, false fullwidth fullwidth="true"
  • Gallery Item
                [dt_sc_gallery_item id="3" /]
    	        
    Attribute Options Input Variable Example
    ID   id id="3"
  • Activity Items
                [dt_sc_activity_items excerpt_length="25" limit="2" categories="1,2" posts_column="one-half-column" /]
    	        
    Attribute Options Input Variable Example
    Excerpt Length   excerpt_length excerpt_length="25"
    Limit   limit limit="4"
    Categories Numeric value: seperated by comma(,) categories categories="1,2"
    Posts Column one-half-column, one-third-column posts_column posts_column="one-third-column"
  • Activity Result
                [dt_sc_activity_result percent="5%" title="Some Title" align="aligncenter" /]
    	        
    Attribute Options Input Variable Example
    Percent   percent percent="5%"
    Title   title title="Some Title"
    Align   align align="aligncenter"
  • Package Item
                	[dt_sc_package_item title="Some Title" subtitle="Lorem ipsum dolor sit" image="http://placehold.it/400" 
                    	button_text="Buy Now" button_link="#" start_price="89.99" start_duration="6" start_dwmy="M"]
                        	[dt_sc_fancy_ul style="circle-o"]
                            	Lorem ipsum dolor sit
                                Praesent convallis nibh
                                Phasellus auctor augue
                            [/dt_sc_fancy_ul]
                    [/dt_sc_package_item]
    	        
    Attribute Options Input Variable Example
    Type s2member, link type type="s2member"
    Title   title title="Some Title"
    Sub Title   subtitle subtitle="Lorem ipsum sit"
    Author   author author="ram"
    Image   image image="http://place-hold.it/400"
    Button Text   button_text button_text="Buy Now"
    Button Link   button_link button_link="#"
    Button Image   button_image button_image="http://place-hold.it/160x30&text=Enroll Now"
    Starting Price   start_price start_price="89.99"
    Starting Duration Any Numeric Value start_duration start_duration="6"
    Duration Tag D, W, M, Y start_dwmy start_dwmy="M"
    Recurring Price   recurring_price recurring_price="89.99"
    Recurring Duration Any Numeric Value recurring_duration recurring_duration="6"
    Duration Tag D, W, M, Y recurring_dwmy recurring_dwmy="M"
  • Upcoming Events
                [dt_sc_upcoming_events limit="4" excerpt_length="25" /]
    	        
    Attribute Options Input Variable Example
    Limit   limit limit="4"
    Excerpt Length Any numeric value excerpt_length excerpt_length="25"
    Type type1 type type="type1"
  • Newsletter Form
                [dt_sc_subscribe_form title="Newsletter Subscription" list_id="3476HJ93" /]
    	        
    Attribute Options Input Variable Example
    Title   title title="Newsletter Subscription"
    List ID   list_id list_id="3476HJ93"
  • Working Hours
                [dt_sc_working_hours text="Note: At vero eos et accusamus dignissimos ducimus will be presented."]
                	[dt_sc_work_hour day="Monday" time="16:00 - 20:00"]
                    [dt_sc_work_hour day="Tuesday" time="16:00 - 20:00"]
                    [dt_sc_work_hour day="Wednesday" time="17:00 - 20:00"]
                    [dt_sc_work_hour day="Thursday" time="17:00 - 20:00"]
                    [dt_sc_work_hour day="Friday" time="Holiday"]
                    [dt_sc_work_hour day="Saturday" time="10:00 - 20:00"]
                    [dt_sc_work_hour day="Sunday" time="10:00 - 14:00"]
                [/dt_sc_working_hours]
    	        
    Attribute Options Input Variable Example
    Text   text text="Some Text"
    Day   day day="Monday"
    Time   time time="16:00 - 20:00"
  • Running Number
                [dt_sc_running_number value="3400" title="Happy Members" /]
    	        
    Attribute Options Input Variable Example
    Value Any numeric value value value="1500"
    Title   title title="Some Title"
    Append   append append="+"
    Icon   icon icon="fa fa-home"
    Class   class class="some-class"