{"id":286,"date":"2024-05-22T11:43:16","date_gmt":"2024-05-22T11:43:16","guid":{"rendered":"http:\/\/localhost\/rising\/cruiser\/?page_id=286"},"modified":"2024-05-29T09:06:07","modified_gmt":"2024-05-29T09:06:07","slug":"image-flip-box","status":"publish","type":"page","link":"https:\/\/risingdemo.net\/cruiser\/image-flip-box\/","title":{"rendered":"Image Flip Box"},"content":{"rendered":"<div class=\"flex-element row flex-wrap \"><div class=\"col-4 \">\n<div class=\"imageflip-box\">\n<div class=\"imageflip-front\">\n<div class=\"flip-front-inner\">\n<div class=\"front-inner\">\n<div class=\"flipfront-icon\"><i class=\"fa-light fa-user\"><\/i><\/div>\n<h4 class=\"flip-title\">Add title here<\/h4>\n<div class=\"front-desc\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar.<\/p>\n<\/div>\n<\/div>\n<div class=\"front-number\">01<\/div>\n<\/div>\n<\/div>\n<div class=\"imageflip-back\">\n<div class=\"imgflip-thumb\" style=\"background-image:url(https:\/\/risingdemo.net\/cruiser\/wp-content\/uploads\/2024\/05\/port-1.jpg)\"><\/div>\n<div class=\"imgflip-overlay\"><\/div>\n<div class=\"imgflip-back-inner\"><a class=\"buttonstyle1\" href=\"#\"><span>Read More<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-4 \">\n<div class=\"imageflip-box\">\n<div class=\"imageflip-front\">\n<div class=\"flip-front-inner\">\n<div class=\"front-inner\">\n<div class=\"flipfront-icon\"><i class=\"fa-light fa-user\"><\/i><\/div>\n<h4 class=\"flip-title\">Add title here<\/h4>\n<div class=\"front-desc\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar.<\/p>\n<\/div>\n<\/div>\n<div class=\"front-number\">02<\/div>\n<\/div>\n<\/div>\n<div class=\"imageflip-back\">\n<div class=\"imgflip-thumb\" style=\"background-image:url(https:\/\/risingdemo.net\/cruiser\/wp-content\/uploads\/2024\/05\/port-2.jpg)\"><\/div>\n<div class=\"imgflip-overlay\"><\/div>\n<div class=\"imgflip-back-inner\"><a class=\"buttonstyle1\" href=\"#\"><span>Read More<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-4 \">\n<div class=\"imageflip-box\">\n<div class=\"imageflip-front\">\n<div class=\"flip-front-inner\">\n<div class=\"front-inner\">\n<div class=\"flipfront-icon\"><i class=\"fa-light fa-user\"><\/i><\/div>\n<h4 class=\"flip-title\">Add title here<\/h4>\n<div class=\"front-desc\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar.<\/p>\n<\/div>\n<\/div>\n<div class=\"front-number\">03<\/div>\n<\/div>\n<\/div>\n<div class=\"imageflip-back\">\n<div class=\"imgflip-thumb\" style=\"background-image:url(https:\/\/risingdemo.net\/cruiser\/wp-content\/uploads\/2024\/05\/port-3.jpg)\"><\/div>\n<div class=\"imgflip-overlay\"><\/div>\n<div class=\"imgflip-back-inner\"><a class=\"buttonstyle1\" href=\"#\"><span>Read More<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"4\"<\/code>][<code>image_flip_box image_path=\"Add image path here\" title=\"Add title here\" readmore_btn=\"Read More\" link=\"#\"<\/code>] Content goes here... [<code>\/image_flip_box<\/code>][<code>\/column<\/code>][<code>column col=\"4\"<\/code>][<code>image_flip_box image_path=\"Add image path here\" title=\"Add title here\" readmore_btn=\"Read More\" link=\"#\"<\/code>] Content goes here... [<code>\/image_flip_box<\/code>][<code>\/column<\/code>][<code>column col=\"4\"<\/code>][<code>image_flip_box image_path=\"Add image path here\" title=\"Add title here\" readmore_btn=\"Read More\" link=\"#\"<\/code>] Content goes here... [<code>\/image_flip_box<\/code>][<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<h4>Note: You can change column as per your need, Two column, three column and four column. For Two column change \u201ccol\u201d attribute to 6, for three column 4, and for four column change it to 3.<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Shortcode :[row][column col=\"4\"][image_flip_box image_path=\"Add image path here\" title=\"Add title here\" readmore_btn=\"Read More\" link=\"#\"] Content goes here&#8230; [\/image_flip_box][\/column][column col=\"4\"][image_flip_box image_path=\"Add image path here\" title=\"Add title here\" readmore_btn=\"Read More\" link=\"#\"] Content goes here&#8230; [\/image_flip_box][\/column][column col=\"4\"][image_flip_box image_path=\"Add image path here\" title=\"Add title here\" readmore_btn=\"Read More\" link=\"#\"] Content goes here&#8230; [\/image_flip_box][\/column][\/row] Note: You can change column as per your need, Two column, three column and four column. For Two column change \u201ccol\u201d attribute to 6, for three column 4, and for four column change it to 3.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":1,"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/pages\/286\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/risingdemo.net\/cruiser\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}