{"id":10595,"date":"2014-09-04T18:58:37","date_gmt":"2014-09-04T18:58:37","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=10595"},"modified":"2015-03-06T19:39:50","modified_gmt":"2015-03-06T19:39:50","slug":"flip-boxes","status":"publish","type":"page","link":"http:\/\/kinkykelle.com\/?page_id=10595","title":{"rendered":"Customs"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box\" style=\"background-attachment:fixed;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;\"><div class=\"avada-row\"><div class=\"fusion-three-fourth three_fourth fusion-layout-column fusion-column spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-title title\"><h1 class=\"title-heading-left\">Flip Box Shortcode<\/h1><div class=\"title-sep-container\"><div class=\"title-sep sep-double\"><\/div><\/div><\/div>Animated flip boxes are simply awesome. We&#8217;ve never met anyone who doesn&#8217;t love these bad boys. They are great for grabbing the users attention and adding some interaction with your content. Avada&#8217;s flip boxes have fully customizable content on the front and back side. They are fully integrated with the Font Awesome icon set and icon options like spin, rotate, flip. You can put a title on the front and backside, add buttons to your content and the box height will extend based on the amount of content you use. Customize the border size, border radius and have full control over the front and backside colors. Oh yeah, and you can animate them with CSS3 goodness. These are an Avada favorite, and for good reason.<\/div><\/div><div class=\"fusion-one-fourth one_fourth fusion-layout-column fusion-column last spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-flip-boxes flip-boxes row fusion-columns-1\"><div class=\"fusion-flip-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#a0ce4e;border-color:#a0ce4e;\"><i class=\"fa fa-trophy\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Flip Boxes<\/h2>Come on, you know you want to hover over this bad boy!<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Fully Customizable<\/h3>Customize the front and back content, add icons &amp; buttons, change colors and more!<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-single\" style=\"border-color:#cdcdcd;margin-top:10px;\"><span class=\"icon-wrapper\" style=\"border-color:#cdcdcd;\"><i class=\"fa fa-chevron-down\" style=\"color:#cdcdcd;\"><\/i><\/span><\/div><div class=\"fusion-fullwidth fullwidth-box\" style=\"background-color:#f6f6f6;background-attachment:fixed;background-image: url(http:\/\/theme-fusion.com\/avada\/wp-content\/uploads\/2013\/07\/bkgd13.jpg);background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-color:#eaeaea;border-bottom-width: 1px;border-top-width: 1px;border-bottom-style: solid;border-top-style: solid;padding-bottom:10px;padding-left:0px;padding-right:0px;padding-top:55px;\"><div class=\"avada-row\"><div class=\"fusion-flip-boxes flip-boxes row fusion-columns-3\"><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#333333;border-color:#333333;\"><i class=\"fa fa-compress\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Fully Responsive<\/h2>Avada's responsive framework ensures your content looks great on all screen sizes.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Perfect For All Sizes<\/h3>No matter the size of your screen or device, your site will look fantastic. <style type=\"text\/css\">#wrapper .fusion-button.button-1{text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none;border-width:0px;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7);}#wrapper .fusion-button.button-1:hover,.fusion-button.button-1:focus,.fusion-button.button-1:active{border-width:0px;border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7);}#wrapper .fusion-button.button-1{background: #97c04c;}#wrapper .fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: #8eb645;}<\/style><a class=\"button large button custom fusion-button button-flat button-round button-large button-custom button-1 buttonshadow-no\" 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><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#333333;border-color:#333333;\"><i class=\"fa fa-rocket\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Premium Sliders<\/h2>Avada includes four premium sliders that make your content stand out!<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Make Your Content Stand Out<\/h3>Avada includes the Layer Slider, Revolution Slider, Fusion Slider and Elastic Slider. <style type=\"text\/css\">#wrapper .fusion-button.button-2{text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none;border-width:0px;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7);}#wrapper .fusion-button.button-2:hover,.fusion-button.button-2:focus,.fusion-button.button-2:active{border-width:0px;border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7);}#wrapper .fusion-button.button-2{background: #97c04c;}#wrapper .fusion-button.button-2:hover,.button-2:focus,.fusion-button.button-2:active{background: #8eb645;}<\/style><a class=\"button large button custom fusion-button button-flat button-round button-large button-custom button-2 buttonshadow-no\" 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><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#333333;border-color:#333333;\"><i class=\"fa fa-thumbs-o-up\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Amazing Elements<\/h2>Avada offers incredible elements that allow you to create a beautiful site.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Build Something Beautiful<\/h3>Dozens of well designed shortcodes loaded with options gives you perfect freedom.<style type=\"text\/css\">#wrapper .fusion-button.button-3{text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none;border-width:0px;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7);}#wrapper .fusion-button.button-3:hover,.fusion-button.button-3:focus,.fusion-button.button-3:active{border-width:0px;border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7);}#wrapper .fusion-button.button-3{background: #97c04c;}#wrapper .fusion-button.button-3:hover,.button-3:focus,.fusion-button.button-3:active{background: #8eb645;}<\/style><a class=\"button large button custom fusion-button button-flat button-round button-large button-custom button-3 buttonshadow-no\" 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><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box\" style=\"background-attachment:scroll;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:20px;padding-left:0px;padding-right:0px;padding-top:85px;\"><div class=\"avada-row\"><div class=\"fusion-one-third one_third fusion-layout-column fusion-column spacing-yes\"><div class=\"fusion-column-wrapper\"><style type='text\/css'>.reading-box-container-1 .element-bottomshadow:before,.reading-box-container-1 .element-bottomshadow:after{opacity:0.1;}<\/style><div class=\"fusion-reading-box-container reading-box-container-1\"><div class=\"reading-box\" style=\"background-color:#f6f6f6;border-width:1px;border-color:#f6f6f6;border-top-width:3px;border-top-color:#a0ce4e;border-style:solid;\"><h2>Column Sizes<\/h2><div class=\"reading-box-description\">Flip boxes have their own column option to set which allows the content box to fill the column width from 1-4 columns. They can also be used inside of our regular column shortcode to control their placement on the page.<\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-top:-30px;margin-bottom:-30px;\"><\/div><\/div><\/div><div class=\"fusion-two-third two_third fusion-layout-column fusion-column last spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-flip-boxes flip-boxes row fusion-columns-1\"><div class=\"fusion-flip-box-wrapper col-lg-12 col-md-12 col-sm-12\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#333333;border-color:#333333;\"><i class=\"fa fa-columns\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Column Sizes<\/h2>Avada's column options are integrated into the flip boxes, making it easy to set 1-4 columns. Content boxes will always resize accordingly. It's a beautiful thing.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Perfect For All Sizes<\/h3>No matter the size of your screen or device, your site will look fantastic.<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-column spacing-yes\"><div class=\"fusion-column-wrapper\"><style type='text\/css'>.reading-box-container-2 .element-bottomshadow:before,.reading-box-container-2 .element-bottomshadow:after{opacity:0.1;}<\/style><div class=\"fusion-reading-box-container reading-box-container-2\"><div class=\"reading-box\" style=\"background-color:#f6f6f6;border-width:1px;border-color:#f6f6f6;border-top-width:3px;border-top-color:#a0ce4e;border-style:solid;\"><h2>Color Control<\/h2><div class=\"reading-box-description\">Flip boxes allow you to control the color of the backgrounds, title text, body text, icons, icon circles and borders. Set colors individually in the shortcode, or globally in our theme options panel. Take control of your colors with ease.<\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-top:-30px;margin-bottom:-30px;\"><\/div><\/div><\/div><div class=\"fusion-two-third two_third fusion-layout-column fusion-column last spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-flip-boxes flip-boxes row fusion-columns-3\"><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#a0ce4e;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#fff;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#92be43;border-color:#92be43;\"><i class=\"fa fa-car\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#fff;\">Control<\/h2>Control all the colors of each element you see.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#92be43;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Control Your Colors<\/h3>From backgrounds to text colors to borders. Take control.<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#73b9dc;border-color:#eaeaea;border-radius:4px;border-style:solid;border-width:1px;color:#fff;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#62a7c9;border-color:#62a7c9;\"><i class=\"fa fa-camera-retro\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#fff;\">Your<\/h2>Control all the colors of each element you see.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#62a7c9;border-color:#eaeaea;border-radius:4px;border-style:solid;border-width:1px;color:#fff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#fff;\">Control Your Colors<\/h3>From backgrounds to text colors to borders. Take control.<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#dda544;border-color:#eaeaea;border-radius:4px;border-style:solid;border-width:1px;color:#fff;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#cb9536;border-color:#cb9536;\"><i class=\"fa fa-paper-plane-o\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#fff;\">Colors<\/h2>Control all the colors of each element you see.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#cb9536;border-color:#eaeaea;border-radius:4px;border-style:solid;border-width:1px;color:#fff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#fff;\">Control Your Colors<\/h3>From backgrounds to text colors to borders. Take control.<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-column spacing-yes\"><div class=\"fusion-column-wrapper\"><style type='text\/css'>.reading-box-container-3 .element-bottomshadow:before,.reading-box-container-3 .element-bottomshadow:after{opacity:0.1;}<\/style><div class=\"fusion-reading-box-container reading-box-container-3\"><div class=\"reading-box\" style=\"background-color:#f6f6f6;border-width:1px;border-color:#f6f6f6;border-top-width:3px;border-top-color:#a0ce4e;border-style:solid;\"><h2>Icon Heaven<\/h2><div class=\"reading-box-description\">Font Awesome Icons are tightly integrate into the flip boxes along with multiple options; icon color, circle color and border, circle show or hide, icon flip, rotate, spin and animate.<\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-top:-30px;margin-bottom:-30px;\"><\/div><\/div><\/div><div class=\"fusion-two-third two_third fusion-layout-column fusion-column last spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-flip-boxes flip-boxes row fusion-columns-2\"><div class=\"fusion-flip-box-wrapper col-lg-6 col-md-6 col-sm-6\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#f6f6f6;border-color:#92be43;\"><i class=\"fa fa-leaf fusion-animated\" style=\"color:#92be43;\" data-animationType=\"fadeInDown\" data-animationDuration=\"1\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Awesome<\/h2>Font Awesome Icon integration is perfect.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:transparent;border-radius:4px;border-style:solid;border-width:0px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Control Your Icons<\/h3>Change just about every aspect of the icon and circle that contains it. Take Control.<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-6 col-md-6 col-sm-6\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-no-circle\"><i class=\"fa fa-rocket fa-spin\" style=\"color:#73b9dc;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Icons<\/h2>Font Awesome Icon integration is perfect.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#73b9dc;border-color:transparent;border-radius:4px;border-style:solid;border-width:1px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Control Your Colors<\/h3>Change just about every aspect of the icon and circle that contains it. Take Control.<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-column spacing-yes\"><div class=\"fusion-column-wrapper\"><style type='text\/css'>.reading-box-container-4 .element-bottomshadow:before,.reading-box-container-4 .element-bottomshadow:after{opacity:0.1;}<\/style><div class=\"fusion-reading-box-container reading-box-container-4\"><div class=\"reading-box\" style=\"background-color:#f6f6f6;border-width:1px;border-color:#f6f6f6;border-top-width:3px;border-top-color:#a0ce4e;border-style:solid;\"><h2>Need Images? Check!<\/h2><div class=\"reading-box-description\">Instead of using an icon, you can choose to use an image that will show up in the same area as the icon. The settings allow you to specify the exact image size so it displays perfectly in the box. Using an image instead of an icon opens up a whole new look for the flip boxes and gives additional creative uses.<\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-top:-30px;margin-bottom:-30px;\"><\/div><\/div><\/div><div class=\"fusion-two-third two_third fusion-layout-column fusion-column last spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-flip-boxes flip-boxes row fusion-columns-2\"><div class=\"fusion-flip-box-wrapper col-lg-6 col-md-6 col-sm-6\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#fff;border-color:#e0e0e0;border-radius:0px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-image\"><img src=\"http:\/\/theme-fusion.com\/avada\/wp-content\/uploads\/2014\/06\/flip_box2.jpg\" width=\"250\" height=\"145\" alt=\"\" \/><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Images Love Flip Boxes<\/h2>Images can be used in place of icons.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:#e0e0e0;border-radius:0px;border-style:solid;border-width:1px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">A Whole New Look<\/h3>Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-6 col-md-6 col-sm-6\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#fff;border-color:#e0e0e0;border-radius:0px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-image\"><img src=\"http:\/\/theme-fusion.com\/avada\/wp-content\/uploads\/2014\/06\/flip_box1.jpg\" width=\"250\" height=\"145\" alt=\"\" \/><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Images Love Flip Boxes<\/h2>Images can be used in place of icons.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:#e0e0e0;border-radius:0px;border-style:solid;border-width:1px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">A Whole New Look<\/h3>Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-column spacing-yes\"><div class=\"fusion-column-wrapper\"><style type='text\/css'>.reading-box-container-5 .element-bottomshadow:before,.reading-box-container-5 .element-bottomshadow:after{opacity:0.1;}<\/style><div class=\"fusion-reading-box-container reading-box-container-5\"><div class=\"reading-box\" style=\"background-color:#f6f6f6;border-width:1px;border-color:#f6f6f6;border-top-width:3px;border-top-color:#a0ce4e;border-style:solid;\"><h2>Border Control<\/h2><div class=\"reading-box-description\">Flip boxes allow you to use borders and set the border width, color and radius. You can even set the border properties individually per box to make one box stand out from the others with featured content. Take control of your borders.<\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-top:-30px;margin-bottom:-30px;\"><\/div><\/div><\/div><div class=\"fusion-two-third two_third fusion-layout-column fusion-column last spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-flip-boxes flip-boxes row fusion-columns-3\"><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#fff;border-color:#e0e0e0;border-radius:4px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#92be43;border-color:#92be43;\"><i class=\"fa fa-star-o\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Control<\/h2>Control the border size, color and radius.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#a0ce4e;border-color:#e0e0e0;border-radius:4px;border-style:solid;border-width:1px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Control Your Borders<\/h3>From backgrounds to text colors to borders. Take control.<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#f6f6f6;border-color:#e0e0e0;border-radius:30px;border-style:solid;border-width:1px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#73b9dc;border-color:#73b9dc;\"><i class=\"fa fa-trophy\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Your<\/h2>Control the border size, color and radius.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#62a7c9;border-color:#e0e0e0;border-radius:30px;border-style:solid;border-width:1px;color:#fff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Control Your Borders<\/h3>From backgrounds to text colors to borders. Take control.<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-flip-box-wrapper col-lg-4 col-md-4 col-sm-4\"><div class=\"fusion-flip-box\"><div class=\"flip-box-inner-wrapper\"><div class=\"flip-box-front\" style=\"background-color:#fff;border-color:#cb9536;border-radius:0px;border-style:solid;border-width:3px;color:#747474;\"><div class=\"flip-box-front-inner\"><div class=\"flip-box-grafix flip-box-circle\" style=\"background-color:#cb9536;border-color:#cb9536;\"><i class=\"fa fa-laptop\" style=\"color:#ffffff;\"><\/i><\/div><h2 class=\"flip-box-heading\" style=\"color:#333333;\">Borders<\/h2>Control the border size, color and radius.<\/div><\/div><div class=\"flip-box-back\" style=\"background-color:#cb9536;border-color:#cb9536;border-radius:0px;border-style:solid;border-width:3px;color:#ffffff;\"><div class=\"flip-box-back-inner\"><h3 class=\"flip-box-heading-back\" style=\"color:#eeeded;\">Control Your Borders<\/h3>From backgrounds to text colors to borders. Take control.<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-single\" style=\"border-color:#cdcdcd;margin-top:5px;\"><span class=\"icon-wrapper\" style=\"border-color:#cdcdcd;\"><i class=\"fa fa-chevron-down\" style=\"color:#cdcdcd;\"><\/i><\/span><\/div><div class=\"fusion-fullwidth fullwidth-box\" style=\"background-attachment:fixed;background-image: url(http:\/\/theme-fusion.com\/avada\/wp-content\/uploads\/2013\/07\/bkgd13.jpg);background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-color:#eaeaea;border-bottom-width: 1px;border-top-width: 1px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:22px;\"><div class=\"avada-row\"><div class=\"fusion-two-third two_third fusion-layout-column fusion-column spacing-yes\"><div class=\"fusion-column-wrapper\">\n<h1 style=\"text-align: center; font-size: 30px !important;\">Join The 70,000+ Satisfied Avada Users!<\/h1>\n<\/div><\/div><div class=\"fusion-one-third one_third fusion-layout-column fusion-column last spacing-yes\"><div class=\"fusion-column-wrapper\"><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep sep-none\" style=\"border-color:#e0dede;margin-top:7px;margin-bottom:7px;\"><\/div>\n<p style=\"text-align: center;\"><style type=\"text\/css\">#wrapper .fusion-button.button-4{text-shadow:none;border-width:0px;color:#fff;border-color:#fff;}#wrapper .fusion-button.button-4.button-3d{-webkit-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);}.button-4.button-3d:active{-webkit-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);}#wrapper .fusion-button.button-4:hover,.fusion-button.button-4:focus,.fusion-button.button-4:active{border-width:0px;border-color:#fff;color:#fff;}#wrapper .fusion-button.button-4{background: #a0ce4e;}#wrapper .fusion-button.button-4:hover,.button-4:focus,.fusion-button.button-4:active{background: #96c346;}<\/style><a class=\"button xlarge button default fusion-button button-3d button-pill button-xlarge button-default button-4 buttonshadow-no\" target=\"_blank\" href=\"http:\/\/themeforest.net\/item\/avada-responsive-multipurpose-theme\/2833226?ref=ThemeFusion\"><span class=\"fusion-button-text\">I&#8217;M SOLD, BUY AVADA NOW!<\/span><\/a>\n<\/div><\/div><div class=\"fusion-clearfix\"><\/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":"http:\/\/kinkykelle.com\/index.php?rest_route=\/wp\/v2\/pages\/10595"}],"collection":[{"href":"http:\/\/kinkykelle.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/kinkykelle.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/kinkykelle.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/kinkykelle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10595"}],"version-history":[{"count":1,"href":"http:\/\/kinkykelle.com\/index.php?rest_route=\/wp\/v2\/pages\/10595\/revisions"}],"predecessor-version":[{"id":10994,"href":"http:\/\/kinkykelle.com\/index.php?rest_route=\/wp\/v2\/pages\/10595\/revisions\/10994"}],"wp:attachment":[{"href":"http:\/\/kinkykelle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}