This is bdthemes shortcodes ultimate (joomla) Section example. you can get facility in this shortcode item> Section Background Color, Image, Parallax(yes/no), Element speed, Item width, Content Margin, Padding, Border, Shadow, Text Color, Alignment, Author URL, Section Comn just simply use this shortcode and get a Beautiful Progress Bar Style.
Note: you can use this shortcode article and custom module. for your help we give a example bellow >

[section background="#ec9a9a" image="images/sample-image.jpg" parallax="yes" speed="10" max_width="960" margin="0px 0px 0px 0px" padding="30px 0px 30px 0px" border="1px solid #cccccc" color="#444" text_align="left" text_shadow="0 1px 10px #ffffff"]Section content[/section]

This is bdthemes shortcodes ultimate (joomla) Content slide example. you can get facility in this shortcode item> Content slide Extra Class and slide content.just simply use this shortcode and get a Content slide style.
Note: you can use this shortcode article and custom module. for your help we give a example bellow >

Content Slider Text slide style

[content_slider pages="no" autoplay="5000" speed="500" loop="yes"]
	[content_slide]Your content here.[/content_slide]
	[content_slide]Your content here.[/content_slide]
	[content_slide]Your content here.[/content_slide]
[/content_slider]

Content Slider Image Slide style

[content_slider style="dark" effect="fadeInUp" arrows="yes" pages="no" autoplay="5000" speed="500"]
	[content_slide] <img src="/images/sampledata/slider/homepage2/slide1/bg.jpg" alt=""/> [/content_slide]
	[content_slide] <img src="/images/sampledata/slider/homepage2/slide1/bg.jpg" alt=""/> [/content_slide]
[/content_slider]

Content Slider Flip style

[content_slider style="light" effect="goDown" arrows="yes" pages="no" autoplay="5000" speed="500"]
	[content_slide] Your content here. [/content_slide]
	[content_slide] Your content here. [/content_slide]
	[content_slide] Your content here. [/content_slide]
[/content_slider]

Content Slider Flip style with Images

Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.

[content_slider style="default" transitionin="flipInX" transitionout="slideOutDown" arrows="yes" arrow_position="arrow-top-left" pagination="yes" autoplay="no" hoverpause="yes" lazyload="yes" loop="yes" delay="4000" speed="600" class="arrow-bottom-right"]
	[content_slide] Your content here. [/content_slide]
	[content_slide] Your content here. [/content_slide]
	[content_slide] Your content here. [/content_slide]
[/content_slider]

This is bdthemes shortcodes ultimate (joomla) Flip Box example. you can get facility in this shortcode item> Flip Box Animation Style, Background Color, Color, Border, Shadow, Border Radius, Alignment, Extra Class, Content.just simply use this shortcode and get more Flip Box style.
Note: you can use this shortcode article and custom module. for your help we give a example bellow >

Horizontal Flip Left Example

[flip_box animation_style="horizontal_flip_left" text_align="left"]
	[flip_front background="#2c3e50"  color="#fff" border="3px solid #10171E"]
		front end content here...
	[/flip_front]
  
	[flip_back background="#3E5670"  color="#fff" border="3px solid #4D7CA7"]
		back end content here...
	[/flip_back]
[/flip_box]

Horizantal Flip Right Example

[flip_box animation_style="horizontal_flip_right" text_align="right"]
  [flip_front background="#2980b9" color="#e5e5e5" border="3px solid #1B5479"]
    your front end content here...
  [/flip_front]
  [flip_back background="#49A3DF" color="#fff" border="3px solid #217EBB"]
    your back end content here...
  [/flip_back]
[/flip_box]

Vertical Flip Bottom Example

[flip_box animation_style="vertical_flip_bottom" text_align="center"]
  [flip_front background="#2980b9" color="#e5e5e5" border="2px dotted #1B5479"]
    your front end content here...
  [/flip_front]
  [flip_back background="#49A3DF" color="#fff" border="2px dotted #217EBB"]
    your back end content here...
  [/flip_back]
[/flip_box]

Vertical Flip Top Example

[flip_box animation_style="vertical_flip_top" text_align="left"]
  [flip_front background="#2980b9" color="#e5e5e5" shadow="0 0 5px #444"]
    your front end content here...
  [/flip_front]
  [flip_back background="#49A3DF" color="#fff" shadow="0 0 5px #444"]
    your back end content here...
  [/flip_back]
[/flip_box]

Flip Left Example

[flip_box animation_style="flip_left" text_align="center"]
  [flip_front background="#2980b9" color="#e5e5e5" border="3px solid #1B5479"]
    your front end content here...
  [/flip_front]
  [flip_back background="#49A3DF" color="#fff" border="3px solid #217EBB"]
    your back end content here...
  [/flip_back]
[/flip_box]

Flip Right Example

[flip_box animation_style="flip_right" text_align="right"]
  [flip_front background="#2980b9" color="#e5e5e5" border="3px solid #1B5479"]
    your front end content here...
  [/flip_front]
  [flip_back background="#49A3DF" color="#fff" border="3px solid #217EBB"]
    your back end content here...
  [/flip_back]
[/flip_box]

Flip Top Example

[flip_box animation_style="flip_top" text_align="center"]
  [flip_front background="#2980b9" color="#e5e5e5" border="3px solid #1B5479"]
    your front end content here...
  [/flip_front]
  [flip_back background="#49A3DF" color="#fff" border="3px solid #217EBB"]
    your back end content here...
  [/flip_back]
[/flip_box]

Flip Bottom Example

[flip_box animation_style="flip_bottom" text_align="center"]
  [flip_front background="#2980b9" color="#e5e5e5" border="5px solid #1B5479"]
    your front end content here...
  [/flip_front]
  [flip_back background="#49A3DF" color="#fff" border="5px solid #217EBB"]
    your back end content here...
  [/flip_back]
[/flip_box]