WP Shortcode Demo

[su_alert type="primary"]This is an alert—check it out![/su_alert]

[su_heading align="left" size="18" margin="20"]Custom Heading Text[/su_heading]

[su_accordion][su_accordion_item title="Collapsible Item 1″ open="yes" style="default" icon="caret"]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven”t heard of them accusamus labore sustainable VHS.[/su_accordion_item][su_accordion_item title="Collapsible Item 2″ open="no" style="fancy" icon="caret"]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven”t heard of them accusamus labore sustainable VHS.[/su_accordion_item][su_accordion_item title="Collapsible Item 3″ open="no" style="default" icon="caret"]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven”t heard of them accusamus labore sustainable VHS.[/su_accordion_item][/su_accordion]

[su_highlight background="#36b513" color="#ffffff"]Highlighted text[/su_highlight]

[su_quote style="default" cite="Cameron Moll" url="#"]What separates design from art is that design is meant to be… functional.[/su_quote]

[su_pullquote align="left"]Content…[/su_pullquote]

[su_dropcap style="default" size="2"]L[/su_dropcap]

[su_frame style="default" align="left"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/su_frame]

[su_heading align="left" size="18" margin="20"]Custom Heading Text[/su_heading]

[su_lists icon="arrow-right" icon_color="#1c7bdb"]</p>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<p>[/su_lists]

[su_icon_list icon="check-square-o" title="List Title" align="left" color="#000000" shadow="0px 0px 0px " border="0px " radius="0" url="#" size="20" animate="push"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/su_icon_list]

[su_button style="bordered" desc="Button description" url="#" target="self" background="#2D89EF" color="#FFFFFF" size="13" icon="heart-o" icon_color="#ffffff" wide="no" position="left" radius="auto" text_shadow="0px 1px 1px #000" rel="nofollow" title="Default Button" id="default-button"]Button text[/su_button]

[su_double_button left_btn_text="Login" left_desc="Already a member?" left_url="" left_btn_target="self" left_icon="user" left_background="#2D89EF" left_color="#FFFFFF" separator_text="OR" right_btn_text="Register" right_desc="Not a member yet?" right_url="#" right_btn_target="self" right_icon="user" right_background="#2D89EF" right_color="#FFFFFF" size="13" radius="0"]

[su_service title="Service title" icon="cog" icon_color="#333333" size="32"]Service description[/su_service]

[su_box title="Box title" box_color="#333333" title_color="#FFFFFF" radius="0"]Box content[/su_box]

[su_note size="14" background="#e8dd63" color="#444" radius="3"]Note text[/su_note]

[su_expand more_text="Show more" less_text="Show less" height="20" hide_less="no" text_color="#333333" link_color="#0088FF" link_style="default" link_align="left" more_icon="chevron-down" less_icon="chevron-up"]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.[/su_expand]

[su_lightbox type="image" src="https://demo.mythemeshop.com/bridge/files/2015/12/pexels-photo-109275-582x298.jpeg"]Click here to open lightbox[/su_lightbox]

[su_tooltip position="left" size="13" content="Tooltip left" behavior="hover"]Hover me to open tooltip[/su_tooltip]

[su_calltoaction title="Call to action left align" align="left" background="#f5f5f5" color="#666" radius="0" text="Purchase Now" url="#" target="self" button_background="#444" button_color="#e5e5e5" button_radius="0"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/su_calltoaction]

[su_counter count_start="0" count_end="400000" align="left" count_color="#1abc9c" text_color="#666" prefix="" suffix="" separator="," decimal="" duration="3" size="medium"]Happy clients[/su_counter]

[su_countdown date="2018/7/13" time="11:35:58" align="left" size="40" count_color="#1abc9c" background="#eee" padding="20"]This offer has expired![/su_countdown]

[su_testimonial name="John Doe" designation="Developer" company="MyThemeShop pvt Ltd" radius="5" image="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&f=y"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[/su_testimonial]

[su_progress_bar style="default" percent="70" text="UI" text_position="over" show_percent="yes" bar_color="#1ABC9C" text_color="#fff" fill_color="#f2f2f2" height="20" radius="10" duration="1.2" delay="5"]

[su_modal effect="1" button_text="Open Modal" close_button="yes" modal_title="Modal Title" title_color="#fff" color="#fff" background="#1abc9c" overlay_background="rgba(0, 0, 0,0.3)" shadow="none" border="none" radius="3"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/su_modal]

[su_social_share services="facebook,twitter,google-plus,pinterest,tumblr"]

[su_photo_panel background="#f5f5f5" color="#444444" photo="https://demo.mythemeshop.com/dividend/files/2014/06/pexels-photo-91483-1026x500.jpeg" align="left" radius="0" shadow="0px 0px 15px #333333" border="0px solid #000000" url="https://demo.mythemeshop.com/wp-real-estate-pro/feed/"]Left aligned[/su_photo_panel]

[su_splash_screen title="Splash Screen Title" width="500px" height="500px" radius="0" shadow="0px 0px 15px #4e8abf" border="1px solid #4e8abf" background="#2575ed" color="#fff" overlay_bg="#7a7a7a" opacity="40" delay="0" close="yes" esc="yes" onclick="no"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/su_splash_screen]

[su_compare_image orientation="horizontal" before_label="Before" before_image="https://demo.mythemeshop.com/dividend/files/2014/06/pexels-photo-91483-1026x500.jpeg" after_label="After" after_image="https://demo.mythemeshop.com/dividend/files/2015/12/pexels-photo-103681-1026x500.jpeg"]

[su_slider source="posts-recent" limit="10" link="lightbox" target="self" width="600" height="300" title="yes" arrows="1" pager="1" gallery="1" autoplay="5000" speed="600"]

[su_content_slider style="light" animatein="slideInLeft" animateout="slideOutRight" autoplay="1" arrows="1" arrow_position="center" pagination="1" pagination_position="bottom-middle"][su_content_slide]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum[/su_content_slide][su_content_slide]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus[/su_content_slide][su_content_slide]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet [/su_content_slide][/su_content_slider]

[su_animate type="bounceIn" duration="1" delay="0" inline="no"]Animated content[/su_animate]

[su_flip_box animation="basic" align="center"][su_flip_front ff_background="#81d742" ff_color="#ffffff" ff_padding="20px"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/su_flip_front][su_flip_back fb_background="#dd3333" fb_color="#ffffff" fb_padding="20px"]Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi option[/su_flip_back][/su_flip_box]

[su_overlay image="https://demo.mythemeshop.com/dividend/files/2017/08/pexels-photo-393407-285x240.jpeg" style="style-1" title="Test title"]Lorem ipsum dolor sit ame[/su_overlay]

[su_table style="default"]<table><thead><tr><th></th><th></th><th></th><th></th></tr></thead><tbody><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></tbody></table>[/su_table]

[su_pricing_table style="style-4"][su_plan title="Basic" currency="$" price="99" period="/month" background="#29c4c1" color="#ffffff" featured="no" icon="home" button_text="Sign Up Now" button_background="#141414" button_color="#ffffff" target="blank"]</p>
<ul>
<li>Vitae adipiscing turpis. Aenean ligula nibh, molestie id vivide.</li>
<li>Option-1</li>
<li>Option-2</li>
<li>Option-3</li>
<li>Option-4</li>
<li>Option-5</li>
</ul>
<p>[/su_plan][su_plan title="Premium" currency="$" price="99" period="/month" background="#f40051" color="#ffffff" featured="featured" icon="credit-card" icon_color="#ffffff" button_text="Sign Up Now" button_background="#141414" button_color="#ffffff" target="blank"]</p>
<ul>
<li>Vitae adipiscing turpis. Aenean ligula nibh, molestie id vivide.</li>
<li>Option-1</li>
<li>Option-2</li>
<li>Option-3</li>
<li>Option-4</li>
<li>Option-5</li>
</ul>
<p>[/su_plan][su_plan title="Gold" currency="$" price="99" period="/month" background="#11e0bd" color="#ffffff" featured="no" icon="paper-plane" icon_color="#ffffff" button_text="Sign Up Now" button_background="#141414" button_color="#ffffff" target="blank"]</p>
<ul>
<li>Vitae adipiscing turpis. Aenean ligula nibh, molestie id vivide.</li>
<li>Option-1</li>
<li>Option-2</li>
<li>Option-3</li>
<li>Option-4</li>
<li>Option-5</li>
</ul>
<p>[/su_plan][/su_pricing_table]

[su_faq question="Lorem ipsum dolor sit amet, consectetur adipiscing elit?" icon="question"]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur[/su_faq][su_faq question="Lorem ipsum dolor sit amet, consectetur adipiscing elit?" icon="question"]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur[/su_faq]

[su_qrcode data="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." title="Scan QR Code" size="200" margin="0" align="none" target="blank" color="#000000" background="#ffffff"]