[fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="yes" bordersize="0px" bordercolor="#eaeaea" borderstyle="solid" paddingtop="30px" paddingbottom="40px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<h1 style="margin-top: 0px;">Counter Circle Shortcode</h1>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px; margin-top: -15px; text-align: left;">Avada includes multiple animated counter shortcodes, including the counter circle shortcode. These are great for displaying varying types of data to your viewers. The counter circles have several options that allow you to easily customize them to your needs. Wether its sales percentages, skill levels, promotional levels or other data sets, the counter circle shortcode is a great way to visually attract the viewer and display content.</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="60px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="" unfilledcolor="rgba(255,255,255,.4)" size="255" scales="no" countdown="no" speed="1500" value="94"]94%[/counter_circle][counter_circle filledcolor="" unfilledcolor="rgba(255,255,255,.4)" size="255" scales="no" countdown="no" speed="1500" value="100"]Users[/counter_circle][counter_circle filledcolor="" unfilledcolor="rgba(255,255,255,.4)" size="255" scales="no" countdown="no" speed="1500" value="100"][fontawesome icon="fa-heart" circle="no" size="medium" iconcolor="#dd3333" circlecolor="" circlebordercolor="" flip="" rotate="" spin="no" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""][/counter_circle][counter_circle filledcolor="" unfilledcolor="rgba(255,255,255,.4)" size="255" scales="no" countdown="no" speed="1500" value="100"]Avada[/counter_circle][/counters_circle][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="yes" bordersize="0px" bordercolor="#eaeaea" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<p style="font-size: 18px; margin-bottom: 12px; text-align: left;"><span style="color: #333333;"><strong>Control Colors</strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px; text-align: left;">Each counter circle in the shortcode can have a different filled and unfilled color.</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="30px" paddingbottom="60px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_fourth last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#92be43" unfilledcolor="#d7e8b7" size="200" scales="no" countdown="no" speed="1500" value="65"]Full[/counter_circle][/counters_circle][/one_fourth][one_fourth last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#cb9536" unfilledcolor="#eedbb9" size="200" scales="no" countdown="no" speed="1500" value="75"]Control[/counter_circle][/counters_circle][/one_fourth][one_fourth last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#62a7c9" unfilledcolor="#cbe1ec" size="200" scales="no" countdown="no" speed="1500" value="85"]of[/counter_circle][/counters_circle][/one_fourth][one_fourth last="yes" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="200" scales="no" countdown="no" speed="1500" value="90"]Colors[/counter_circle][/counters_circle][/one_fourth][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<p style="font-size: 18px; margin-bottom: 12px;"><span style="color: #333333;"><strong>Control Size</strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px;">Each counter circle in the shortcode can have a different circle diameter.</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="30px" paddingbottom="60px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="60" scales="no" countdown="no" speed="1500" value="90"]You[/counter_circle][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="80" scales="no" countdown="no" speed="1500" value="90"]Can[/counter_circle][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="100" scales="no" countdown="no" speed="1500" value="90"]Control[/counter_circle][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="120" scales="no" countdown="no" speed="1500" value="90"]The[/counter_circle][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="140" scales="no" countdown="no" speed="1500" value="90"]Circle[/counter_circle][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="160" scales="no" countdown="no" speed="1500" value="90"]Size[/counter_circle][/counters_circle][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<p style="font-size: 18px; margin-bottom: 12px;"><span style="color: #333333;"><strong>Show Scales</strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px;">Each counter circle can display a set of scales which visually mark the values around the circle. Larger scales mark it the quarter values around the circle.</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="30px" paddingbottom="60px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_third last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="" unfilledcolor="" size="230" scales="yes" countdown="no" speed="1500" value="25"]Show[/counter_circle][/counters_circle][/one_third][one_third last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="" unfilledcolor="" size="230" scales="yes" countdown="no" speed="1500" value="50"]Some[/counter_circle][/counters_circle][/one_third][one_third last="yes" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="" unfilledcolor="" size="230" scales="yes" countdown="no" speed="1500" value="75"]Scales[/counter_circle][/counters_circle][/one_third][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<p style="font-size: 18px; margin-bottom: 12px;"><span style="color: #333333;"><strong>Count Up or Down</strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px;">Each counter circle in the shortcode can have the filled animation start full (up) or empty (down).</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="30px" paddingbottom="60px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_fourth last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#cb9536" unfilledcolor="#eedbb9" size="130" scales="no" countdown="no" speed="1500" value="50"]Up[/counter_circle][/counters_circle][/one_fourth][one_fourth last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#cb9536" unfilledcolor="#eedbb9" size="130" scales="no" countdown="yes" speed="1500" value="75"][fontawesome icon="fa-chevron-up" circle="no" size="small" iconcolor="#cb9536" circlecolor="" circlebordercolor="" flip="" rotate="" spin="no" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""][/counter_circle][/counters_circle][/one_fourth][one_fourth last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#62a7c9" unfilledcolor="#cbe1ec" size="130" scales="no" countdown="yes" speed="1500" value="50"]Down[/counter_circle][/counters_circle][/one_fourth][one_fourth last="yes" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#62a7c9" unfilledcolor="#cbe1ec" size="130" scales="no" countdown="no" speed="1500" value="90"][fontawesome icon="fa-chevron-down" circle="no" size="small" iconcolor="#62a7c9" circlecolor="" circlebordercolor="" flip="" rotate="" spin="no" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""][/counter_circle][/counters_circle][/one_fourth][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<p style="font-size: 18px; margin-bottom: 12px;"><span style="color: #333333;"><strong>Animation Speed</strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px;">Each counter circle in the shortcode can have a different animation speed, which provides a visual variation.</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="30px" paddingbottom="60px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="" unfilledcolor="" size="60" scales="no" countdown="no" speed="1500" value="90"]You[/counter_circle][counter_circle filledcolor="" unfilledcolor="" size="80" scales="no" countdown="no" speed="3500" value="90"]Can[/counter_circle][counter_circle filledcolor="" unfilledcolor="" size="100" scales="no" countdown="no" speed="5500" value="90"]Control[/counter_circle][counter_circle filledcolor="" unfilledcolor="" size="120" scales="no" countdown="no" speed="7500" value="90"]The[/counter_circle][counter_circle filledcolor="" unfilledcolor="" size="140" scales="no" countdown="no" speed="9500" value="90"]Circle[/counter_circle][counter_circle filledcolor="" unfilledcolor="" size="160" scales="no" countdown="no" speed="11500" value="90"]Speed[/counter_circle][/counters_circle][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<p style="font-size: 18px; margin-bottom: 12px;"><span style="color: #333333;"><strong>Font Awesome Icons</strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px;">Each counter circle can have text information or a font awesome icon inside the circle. The full font awesome shortcode can be used along with all of the icon options.</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="30px" paddingbottom="60px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_third last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="185" scales="no" countdown="no" speed="1500" value="50"][fontawesome icon="fa-paper-plane-o" circle="no" size="" iconcolor="#a7a9ac" circlecolor="" circlebordercolor="" flip="" rotate="" spin="no" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""][/counter_circle][/counters_circle][/one_third][one_third last="no" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="185" scales="no" countdown="no" speed="1500" value="75"][fontawesome icon="fa-thumbs-o-up" circle="no" size="" iconcolor="#a7a9ac" circlecolor="" circlebordercolor="" flip="" rotate="" spin="no" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""][/counter_circle][/counters_circle][/one_third][one_third last="yes" spacing="yes" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="" padding="" class="" id=""][counters_circle class="" id=""][counter_circle filledcolor="#a7a9ac" unfilledcolor="#d7d7d7" size="185" scales="no" countdown="no" speed="1500" value="50"][fontawesome icon="fa-laptop" circle="no" size="" iconcolor="#a7a9ac" circlecolor="" circlebordercolor="" flip="" rotate="" spin="no" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""][/counter_circle][/counters_circle][/one_third][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="0px" paddingbottom="0px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][one_full last="yes" spacing="yes" background_color="#f6f6f6" background_image="" background_repeat="no-repeat" background_position="left top" border_size="0px" border_color="" border_style="solid" padding="40px" class="" id=""][fusion_text]
<p style="font-size: 18px; margin-bottom: 12px;"><span style="color: #333333;"><strong>Complete Set of Options </strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px;">Every option and description included with the counter circle shortcode is listed below.</p>
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor="" backgroundimage="" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="0px" bordercolor="" borderstyle="solid" paddingtop="30px" paddingbottom="80px" paddingleft="0px" paddingright="0px" menu_anchor="" equal_height_columns="yes" hundred_percent="no" class="" id=""][one_half last="no" spacing="yes" background_color="#f8f8f8" background_image="" background_repeat="no-repeat" background_position="left top" border_size="1px" border_color="#eaeaea" border_style="solid" padding="30px" class="" id=""][checklist icon="fa-check" iconcolor="#333333" circle="no" circlecolor="" size="small" class="" id=""][li_item icon=""]<strong>filledcolor</strong> - Accepts a hexcode <em>( #000000 ).</em> Sets the filled area's color. Leave blank for Theme Option selection.[/li_item][li_item icon=""]<strong>unfilledcolor</strong> - Accepts a hexcode <em>( #000000 ).</em> Sets the unfilled area's color. Leave blank for Theme Option selection.[/li_item][li_item icon=""]<strong>size</strong> - Accepts a numerical value to set the overall diameter of the circle in pixels. For example, <em>220</em>.[/li_item][li_item icon=""]<strong>scales</strong> - Can be one of these values: <em>yes, </em>or<em> no. </em>This will show or hide a scale around the circle.[/li_item][li_item icon=""]<strong>countdown</strong> - Can be one of these values: <em>yes, </em>or<em> no. </em>Sets the filling animation to move counter clockwise.[/li_item][/checklist][/one_half][one_half last="yes" spacing="yes" background_color="#f8f8f8" background_image="" background_repeat="no-repeat" background_position="left top" border_size="1px" border_color="#eaeaea" border_style="solid" padding="30px" class="" id=""][checklist icon="fa-check" iconcolor="#333333" circle="no" circlecolor="" size="small" class="" id=""][li_item icon=""]<strong>speed</strong> - Accepts a numerical value to set the time it takes for the animation to complete. For example, <em>1500</em>.[/li_item][li_item icon=""]<strong>value</strong> - The <em>Filled Area Percentage. </em>Accepts a numerical value to set the percentage of filled area. For example, <em>95</em>.[/li_item][li_item icon=""]<strong>class</strong> - Add a<em> custom class</em> to the wrapping HTML element for further css customization.[/li_item][li_item icon=""]<strong>id</strong> - Add a <em>custom id</em> to the wrapping HTML element for further css customization.[/li_item][/checklist][/one_half][/fullwidth][fullwidth backgroundcolor="" backgroundimage="http://freereincenter.com/wp-content/uploads/2014/11/home_slider.jpg" backgroundrepeat="no-repeat" backgroundposition="left top" backgroundattachment="fixed" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" overlay_opacity="0.5" video_mute="yes" video_loop="yes" fade="no" bordersize="1px" bordercolor="" borderstyle="solid" paddingtop="35px" paddingbottom="75px" paddingleft="40px" paddingright="40px" menu_anchor="" equal_height_columns="no" hundred_percent="no" class="" id=""][fusion_text]
<h1 style="text-align: center;"><span style="color: #ffffff;">Join The 100,000+ Satisfied Avada Users!</span></h1>
[/fusion_text][button link="http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion" color="custom" size="xlarge" type="flat" shape="round" target="_blank" title="" gradient_colors="rgba(255,255,255,.1)|" gradient_hover_colors="rgba(255, 255, 255, 0.25)|" accent_color="rgba(255,255,255,.8)" accent_hover_color="#ffffff" bevel_color="" border_width="2px" shadow="no" icon="" icon_position="left" icon_divider="yes" modal="" animation_type="fade" animation_direction="up" animation_speed="1" alignment="center" class="" id=""] BUY AVADA NOW![/button][/fullwidth]