{"id":247,"date":"2016-01-11T07:14:58","date_gmt":"2016-01-11T07:14:58","guid":{"rendered":"http:\/\/scionic.net\/?page_id=247"},"modified":"2016-07-19T10:42:37","modified_gmt":"2016-07-19T08:42:37","slug":"flip-boxes","status":"publish","type":"page","link":"https:\/\/scionic.net\/?page_id=247","title":{"rendered":"Flip Boxes"},"content":{"rendered":"<p><section class=\"kc-elm kc-css-5850466|margin-bottom: 90px; margin-top: 90px; kc_row kc-css-5850466|margin-bottom: 90px; margin-top: 90px; kc-css-5850466|margin-bottom: 90px; margin-top: 90px;\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-title-wrap stcode_title8 stcode_title8\">\n\n\t<h2 class=\"kc_title\"><span class=\"line\"><\/span><span class=\"text\">Flip <strong>Horizontal<\/strong><span><\/span><\/span><\/h2>\n<\/div>\n<div class=\"kc-elm\" style=\"height: 30px; clear: both; width:100%;\"><\/div><div class=\"kc-elm kc_row kc_row_inner\"><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Flip Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Flip Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Flip Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth last\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Flip Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><div class=\"divider_line9 divider-icon \"><\/div>\n<div class=\"kc-elm kc-title-wrap stcode_title8 stcode_title8\">\n\n\t<h2 class=\"kc_title\"><span class=\"line\"><\/span><span class=\"text\">Flip <strong>Vertical<\/strong><span><\/span><\/span><\/h2>\n<\/div>\n<div class=\"kc-elm\" style=\"height: 30px; clear: both; width:100%;\"><\/div><div class=\"kc-elm kc_row kc_row_inner\"><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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 Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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 Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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 Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-3 kc_column_inner kc_col-sm-3 one_fourth last\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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 Animation<\/h3><p>Lorem Ipsum as the default will uncover many web sites still in their infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><div class=\"divider_line9 divider-icon \"><\/div>\n<div class=\"kc-elm kc-title-wrap stcode_title8 stcode_title8\">\n\n\t<h2 class=\"kc_title\"><span class=\"line\"><\/span><span class=\"text\">Flip <strong>Client<\/strong> Info<span><\/span><\/span><\/h2>\n<\/div>\n<div class=\"kc-elm\" style=\"height: 30px; clear: both; width:100%;\"><\/div><div class=\"kc-elm kc_row kc_row_inner flip_box_clients\"><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">Microsoft<\/a><br>\nInfancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">ebay<\/a><br>\nInfancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">Adobe<\/a><br>\nInfancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">IBM<\/a><br>\nInfancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth last\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">Google<\/a><br>Infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><div class=\"kc-elm\" style=\"height: 30px; clear: both; width:100%;\"><\/div><div class=\"kc-elm kc_row kc_row_inner flip_box_clients\"><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">yahoo<\/a><br>Infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">Discovery<\/a><br>Infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">envato<\/a><br>Infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">Deloitte<\/a><br>Infancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-of-5 kc_column_inner kc_col-of-5 one_fifth last\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm 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<h3>Lorem ipsum dolor sit amet<\/h3><p><a href=\"#\">Audi<\/a><br>\nInfancy versions have evolved over years.<\/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>Lorem ipsum dolor sit amet<\/h3><p> Lorem ipsum dolor sit amet, consectetur adipiscing.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc_row newsletters feature_newsletters\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc_col-sm-6 kc_column kc_col-sm-6 one_half animated eff-fadeInLeft delay-300ms\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-icon-wrapper\">\n\t\t<i class=\"fa-envelope-o\"><\/i>\n\t<\/div>\n\n<div class=\"kc-elm kc-title-wrap \">\n\n\t<h5 class=\"kc_title white\">Sign up to Receive Newsletters\n        <b>Classical literature discovered the undoubtable source comes from sections.<\/b><\/h5>\n<\/div>\n<\/div><\/div><div class=\"kc-elm kc_col-sm-6 kc_column kc_col-sm-6 one_half last animated eff-fadeInRight delay-300ms\"><div class=\"kc-col-container\">\n\t\t<form data-url=\"https:\/\/scionic.net\/wp-admin\/admin-ajax.php?t=1790362269\" class=\"hs_subscribe hs_mailchimp\" method=\"POST\" action=\"\" _lpchecked=\"1\">\n\t\t\t<input class=\"enter_email_input required email\" name=\"highstand_email\" value=\"\" onfocus=\"if( this.value == '') { this.value = ''; }\" onblur=\"if ( this.value == '') { this.value = ''; }\" type=\"text\">\n\t\t\t<input name=\"subscribe\" value=\"Subscribe\" class=\"input_submit \" type=\"submit\">\n\t\t\t<div class=\"highstand_newsletter_status\"><\/div>\n\t\t<\/form>\n\n\t\t<\/div><\/div><\/div><\/div><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":228,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-full.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/247"}],"collection":[{"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scionic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=247"}],"version-history":[{"count":1,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":21643,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/247\/revisions\/21643"}],"up":[{"embeddable":true,"href":"https:\/\/scionic.net\/index.php?rest_route=\/wp\/v2\/pages\/228"}],"wp:attachment":[{"href":"https:\/\/scionic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}