{"id":1221,"date":"2016-11-14T09:52:16","date_gmt":"2016-11-14T09:52:16","guid":{"rendered":"https:\/\/kingthe.me\/vixa\/?page_id=1221"},"modified":"2016-11-14T09:52:16","modified_gmt":"2016-11-14T09:52:16","slug":"flip-boxes","status":"publish","type":"page","link":"https:\/\/simonhardenne.com\/index.php\/elements\/flip-boxes\/","title":{"rendered":"Flip Boxes"},"content":{"rendered":"<p><section class=\"kc-elm kc-css-963485 kc_row shortcode_flipbox_section1\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-758009 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-939375 kc-animated kc-animate-eff-fadeInUp kc-animate-delay-100 kc-title-wrap \">\n\n\t<h3 class=\"kc_title title-style1\">Flip vertical<\/h3>\n<\/div>\n<div class=\"kc-elm kc-css-732658 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-66352 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-472944 kc-flipbox kc-flip-container\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>Flip box<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-495365\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-707395 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-320467 kc-flipbox kc-flip-container\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>Flip box<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-869132\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-393861 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-877226 kc-flipbox kc-flip-container\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>Flip box<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-544047\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-652970\" style=\"height: 80px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc-css-470457 kc_row shortcode_flipbox_section2\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-831568 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-414978 kc-animated kc-animate-eff-fadeInUp kc-animate-delay-100 kc-title-wrap \">\n\n\t<h3 class=\"kc_title title-style1\">Flip horizontal<\/h3>\n<\/div>\n<div class=\"kc-elm kc-css-551826 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-57270 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-269664 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<h3>Flip box<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"sl-present\"><\/i><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-44154\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-747381 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-864244 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<h3>Flip box<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"sl-people\"><\/i><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-753618\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-631179 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-28149 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<h3>Flip box<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"sl-screen-tablet\"><\/i><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-987200\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-320924\" style=\"height: 80px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc-css-593805 kc_row shortcode_flipbox_section3\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-455103 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-813234 kc-animated kc-animate-eff-fadeInUp kc-animate-delay-100 kc-title-wrap \">\n\n\t<h3 class=\"kc_title title-style1\">Flip with icon<\/h3>\n<\/div>\n<div class=\"kc-elm kc-css-460527 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-618180 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-160954 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"sl-people\"><\/i><\/div><h3>king composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>King composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-681154\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-160403 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-186577 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"sl-screen-desktop\"><\/i><\/div><h3>king composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>King composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-763403\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-184014 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-551317 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"sl-trophy\"><\/i><\/div><h3>king composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>King composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-785870\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-603888\" style=\"height: 80px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc-css-854742 kc_row shortcode_flipbox_section2\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-254226 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-423561 kc-animated kc-animate-eff-fadeInUp kc-animate-delay-100 kc-title-wrap \">\n\n\t<h3 class=\"kc_title title-style1\">Flip with background gradient<\/h3>\n<\/div>\n<div class=\"kc-elm kc-css-692389 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-873661 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-339394 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"et-chat\"><\/i><\/div><h3>king composer<\/h3>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"sl-rocket\"><\/i><\/div><h3>King composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p><a class=\"button\" href=\"#\" target=\"_self\" title=\"\">read more<\/a>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-186292\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-732736 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-964783 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<h3>king composer<\/h3>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>King composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-595076\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-302937 kc_col-sm-4 kc_column_inner kc_col-sm-4\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-362212 kc-flipbox kc-flip-container flip-vertical\" ontouchstart=\"this.classList.toggle('hover');\">\n\t<div class=\"flipper\">\n\t\t<div class=\"front\">\n\t\t\t<div class=\"front-content\">\n\t\t\t\t<div class=\"wrap-icon\"><i class=\"et-tools\"><\/i><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"back\">\n\t\t\t<div class=\"des\">\n\t\t\t\t<h3>King composer<\/h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<\/p><a class=\"button\" href=\"#\" target=\"_self\" title=\"\">read more<\/a>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-760868\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-2535\" style=\"height: 80px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages\/1221"}],"collection":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/comments?post=1221"}],"version-history":[{"count":0,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages\/1221\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages\/1216"}],"wp:attachment":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/media?parent=1221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}