{"id":10526,"date":"2014-09-04T17:39:10","date_gmt":"2014-09-04T17:39:10","guid":{"rendered":"http:\/\/avada.theme-fusion.comxml\/?page_id=10526"},"modified":"2014-09-04T17:39:10","modified_gmt":"2014-09-04T17:39:10","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/www.federalmermer.com\/index.php\/progress-bars\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-1  fusion-parallax-fixed nonhundred-percent-fullwidth faded-background\" style=\"border-color:#eaeaea;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:40px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-1 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fullwidth-faded\" style=\"background-color:#ffffff;\"><\/div><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><h1 style=\"margin-top: 0px;\">Progress Bar Shortcode<\/h1>\n<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 progress bar shortcode. These are great for displaying varying types of data and content to your viewers. The progress bar include several options for easy customization and is a great way to visually attract the viewer and display content.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-2  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-2 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><span style=\"border:15px solid rgba(000,000,000,.05);margin-right:25px;float:left;\" class=\"fusion-imageframe imageframe-none imageframe-1 hover-type-none fusion-animated\" data-animationType=\"fadeInUp\" data-animationDuration=\"1\" data-animationOffset=\"100%\"><a href=\"http:\/\/www.federalmermer.com\/wp-content\/uploads\/2012\/07\/blog_4.jpg\" class=\"fusion-lightbox\" data-rel=\"iLightbox[3d8a64da70ce0f13308]\" data-title=\"blog_4\"> <img loading=\"lazy\" decoding=\"async\" alt=\"man drawing\" src=\"http:\/\/www.federalmermer.com\/wp-content\/uploads\/2012\/07\/blog_4.jpg\" width=\"700\" height=\"500\"class=\"img-responsive wp-image-3888\"\/><\/a><\/span><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-title title fusion-title-size-two\" style=\"margin-top:0px;margin-bottom:30px;\"><h2 class=\"title-heading-left\">Avada Progress Bar Shortcode<\/h2><div class=\"title-sep-container\"><div class=\"title-sep sep-double\"><\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-left: auto;margin-right: auto;margin-top:-20px;\"><\/div><p>Lorem ipsum dolor sit amet, consectetur adipisicing 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 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud consequat.<\/p>\n<div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-left: auto;margin-right: auto;margin-top:22px;\"><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#edecec;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#e10707;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"85\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">HTML Skills<\/span> <span class=\"fusion-progressbar-value\">85%<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#edecec;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#e10707;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"90\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">Wordpress Development<\/span> <span class=\"fusion-progressbar-value\">90%<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#edecec;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#e10707;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"85\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">User Interface Design<\/span> <span class=\"fusion-progressbar-value\">85%<\/span><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-3  fusion-parallax-fixed nonhundred-percent-fullwidth faded-background\" style=\"border-color:#eaeaea;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-3 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fullwidth-faded\" style=\"background-color:#ffffff;\"><\/div><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px; text-align: left;\"><span style=\"color: #333333;\"><strong>Control Colors<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px; text-align: left;\">Each progress bar can have a different filled or unfilled color and text color.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-4  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-4 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#eedbb9;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#cb9536;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"95\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">Marketing Strategy<\/span> <span class=\"fusion-progressbar-value\">95%<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#cbe1ec;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#62a7c9;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"80\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#1d4d65;\"><span class=\"fusion-progressbar-text\">Customers Referred Daily<\/span> <span class=\"fusion-progressbar-value\">80%<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#d7e8b7;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#92be43;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"85\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#415b11;\"><span class=\"fusion-progressbar-text\">Repeat Business From Clients<\/span> <span class=\"fusion-progressbar-value\">85%<\/span><\/span><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-5  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-5 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Animated Striped Bars<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Each progress bar can have a striped or solid fill, and the stripes can animate.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-6  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-6 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#f6f6f6;height:37px;\" class=\"fusion-progressbar-bar progress-bar\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#e10707;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"80\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">Solid Progress Bar<\/span> <span class=\"fusion-progressbar-value\">80%<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#f6f6f6;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#92be43;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"85\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">Striped Progress Bar<\/span> <span class=\"fusion-progressbar-value\">85%<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#f6f6f6;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#76a227;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"95\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">Animated Striped Progress Bar<\/span> <span class=\"fusion-progressbar-value\">95%<\/span><\/span><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-7  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-7 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Unit Control<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Each progress bar can have a different unit symobl, or left empty for no unit.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-8  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:60px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-8 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#d7d7d7;height:37px;\" class=\"fusion-progressbar-bar progress-bar\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#a7a9ac;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"80\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">Progress Bar With Different Unit<\/span> <span class=\"fusion-progressbar-value\">80\u00c2\u00a3<\/span><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div style=\"background-color:#c2c1c1;height:37px;\" class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;background-color:#8b8e91;border: 0px solid #ffffff;\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"80\"><\/div><\/div> <span class=\"progress-title\" style=\"color:#ffffff;\"><span class=\"fusion-progressbar-text\">Progress Bar With No Unit<\/span> <span class=\"fusion-progressbar-value\">80<\/span><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-9  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-9 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-full fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f6f6f6;padding:40px;\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Complete Set of Options <\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Every option and description included with the alert shortcode is listed below.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-10  fusion-parallax-fixed nonhundred-percent-fullwidth fusion-equal-height-columns\" style=\"border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:80px;padding-top:30px;padding-left:0px;padding-right:0px;background-color:#ffffff;\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-10 {\n                            padding-left: 0px !important;\n                            padding-right: 0px !important;\n                        }<\/style><div class=\"fusion-row\"><div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f8f8f8;border:1px solid #eaeaea;padding:30px;\"><ul class=\"fusion-checklist fusion-checklist-1\" style=\"font-size:13px;line-height:22.1px;\"><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>percentage<\/strong> &#8211; The <em>Filled Area Percentage. <\/em>Accepts a numerical value to set the percentage of filled area. For example, <em>95<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>unit<\/strong> &#8211; Accepts an alphanumeric value or symbols to represent a unit of measurement. For example, <em>%<\/em> or <em>cm<\/em>.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>filledcolor<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the filled area&#8217;s color. Leave blank for Theme Option selection.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>unfilledcolor<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the unfilled area&#8217;s color. Leave blank for Theme Option selection.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>striped<\/strong> &#8211; Can be one of these values: <em>yes, <\/em>or<em> no. <\/em>This will enable or disable striped fill.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper\" style=\"background-color:#f8f8f8;border:1px solid #eaeaea;padding:30px;\"><ul class=\"fusion-checklist fusion-checklist-2\" style=\"font-size:13px;line-height:22.1px;\"><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>animated_stripes<\/strong> &#8211; Can be one of these values: <em>yes, <\/em>or<em> no.<\/em> This will enable or disable the animation of the striped fill.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>textcolor<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the text&#8217;s color. Leave blank for Theme Option selection.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>class<\/strong> &#8211; Add a<em> custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><li class=\"fusion-li-item\"><span style=\"height:22.1px;width:22.1px;margin-right:9.1px;\" class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" style=\"color:#333333;\"><\/i><\/span><div class=\"fusion-li-item-content\" style=\"margin-left:31.2px;\"><strong>id<\/strong> &#8211; Add a <em>custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-fullwidth-11  fusion-parallax-fixed nonhundred-percent-fullwidth\" style=\"border-color:#eae9e9;border-bottom-width: 1px;border-top-width: 1px;border-bottom-style: solid;border-top-style: solid;padding-bottom:75px;padding-top:35px;padding-left:40px;padding-right:40px;background-attachment:fixed;background-color:#ffffff;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-ms-filter: &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&#039;http:\/\/www.federalmermer.com\/wp-content\/uploads\/2014\/11\/home_slider.jpg&#039;, sizingMethod=&#039;scale&#039;)&quot;;background-image: url(http:\/\/www.federalmermer.com\/wp-content\/uploads\/2014\/11\/home_slider.jpg);\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-fullwidth-11 {\n                            padding-left: 40px !important;\n                            padding-right: 40px !important;\n                        }<\/style><div class=\"fusion-row\"><h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Join The 100,000+ Satisfied Avada Users!<\/span><\/h1>\n<div class=\"fusion-button-wrapper fusion-aligncenter\"><style type=\"text\/css\" scoped=\"scoped\">.fusion-button.button-1 .fusion-button-text, .fusion-button.button-1 i {color:rgba(255,255,255,.8);}.fusion-button.button-1 {border-width:2px;border-color:rgba(255,255,255,.8);}.fusion-button.button-1 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i,.fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i,.fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active{color:#ffffff;}.fusion-button.button-1:hover, .fusion-button.button-1:focus, .fusion-button.button-1:active{border-width:2px;border-color:#ffffff;}.fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-1{background: rgba(255,255,255,.1);}.fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: rgba(255, 255, 255, 0.25);}.fusion-button.button-1{width:auto;}<\/style><a class=\"fusion-button button-flat button-round button-xlarge button-custom button-1 fusion-animated\" data-animationType=\"fadeInUp\" data-animationDuration=\"1\" data-animationOffset=\"100%\" target=\"_blank\" href=\"http:\/\/themeforest.net\/item\/avada-responsive-multipurpose-theme\/2833226?ref=ThemeFusion\"><span class=\"fusion-button-text\"> BUY AVADA NOW!<\/span><\/a><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.federalmermer.com\/index.php\/wp-json\/wp\/v2\/pages\/10526"}],"collection":[{"href":"https:\/\/www.federalmermer.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.federalmermer.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.federalmermer.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.federalmermer.com\/index.php\/wp-json\/wp\/v2\/comments?post=10526"}],"version-history":[{"count":0,"href":"https:\/\/www.federalmermer.com\/index.php\/wp-json\/wp\/v2\/pages\/10526\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.federalmermer.com\/index.php\/wp-json\/wp\/v2\/media?parent=10526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}