{"id":413,"date":"2025-02-14T07:36:04","date_gmt":"2025-02-14T07:36:04","guid":{"rendered":"http:\/\/localhost\/alexa\/yovibe\/?page_id=413"},"modified":"2025-02-14T07:36:04","modified_gmt":"2025-02-14T07:36:04","slug":"content-column","status":"publish","type":"page","link":"https:\/\/live-demo.online\/yovibe\/content-column\/","title":{"rendered":"Content Column"},"content":{"rendered":"<h3>Two Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-6 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-6 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode : <\/strong><br>[<code>row<\/code>][<code>column col=\"6\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"6\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Three Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-4 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Four Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-3 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Six Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-2 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-2 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"2\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<div class=\"hr\"><\/div>\n<h3>One Third \/ Two Third Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-4 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-8 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"8\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<div class=\"hr\"><\/div>\n<h3>One Fourth \/ Three Fourth Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-3 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<div class=\"col-9 \">\n<p> Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum, ut congue ante lobortis. Vestibulum malesuada est at nisl gravida venenatis. Vivamus fringilla mauris vestibulum justo ultrices laoreet. Vivamus consequat orci venenatis luctus vulputate. Nam semper ipsum in diam fermentum, in mattis dolor consectetur. <\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"3\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"9\"<\/code>] Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum, ut congue ante lobortis. Vestibulum malesuada est at nisl gravida venenatis. Vivamus fringilla mauris vestibulum justo ultrices laoreet. Vivamus consequat orci venenatis luctus vulputate. Nam semper ipsum in diam fermentum, in mattis dolor consectetur. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Two Third \/ One Third Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-8 \">\n<p> Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum, ut congue ante lobortis. Vestibulum malesuada est at nisl gravida venenatis. Vivamus fringilla mauris vestibulum justo ultrices laoreet. Vivamus consequat orci venenatis luctus vulputate. Nam semper ipsum in diam fermentum, in mattis dolor consectetur.  <\/p>\n<\/div>\n<div class=\"col-4 \">\n<p> Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. <\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"8\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"4\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Three Fourth \/ One Fourth Column<\/h3>\n<div class=\"flex-element row flex-wrap \"><div class=\"col-9 \">\n<p> Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum, ut congue ante lobortis. Vestibulum malesuada est at nisl gravida venenatis. Vivamus fringilla mauris vestibulum justo ultrices laoreet. Vivamus consequat orci venenatis luctus vulputate. Nam semper ipsum in diam fermentum, in mattis dolor consectetur. <\/p>\n<\/div>\n<div class=\"col-3 \">\n<p> Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum,<\/p>\n<\/div>\n<\/div>\n<pre><strong>Shortcode :<\/strong><br>[<code>row<\/code>][<code>column col=\"9\"<\/code>] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [<code>\/column<\/code>][<code>column col=\"3\"<\/code>] Suspendisse a erat sed erat egestas semper. Etiam ut pulvinar risus. In suscipit tellus a metus fermentum,[<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n<p><div class=\"hr\"><\/div><br \/>\n<strong>If you want to add extra CSS class use \u201csubcls\u201d element with \u201ccolumn\u201d. For ex.<\/strong><\/p>\n<pre>[<code>row<\/code>][<code>column col=\"1\/2\/3\/4\/5\/6\/7\/8\/9\/10\/11\/12\" subcls=\"Add extra class\"<\/code>] Content goes here... [<code>\/column<\/code>][<code>\/row<\/code>]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Two Column Shortcode : [row][column col=\"6\"] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [\/column][column col=\"6\"] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [\/column][\/row] Three Column Shortcode :[row][column col=\"4\"] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [\/column][column col=\"4\"] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [\/column][column col=\"4\"] Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Id faucibus nisl tincidunt eget. [\/column][\/row] Four Column Shortcode :[row][column col=\"3\"] Volutpat commodo sed egestas egestas fringilla&#8230; <\/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-413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/live-demo.online\/yovibe\/wp-json\/wp\/v2\/pages\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/live-demo.online\/yovibe\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/live-demo.online\/yovibe\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/live-demo.online\/yovibe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/live-demo.online\/yovibe\/wp-json\/wp\/v2\/comments?post=413"}],"version-history":[{"count":0,"href":"https:\/\/live-demo.online\/yovibe\/wp-json\/wp\/v2\/pages\/413\/revisions"}],"wp:attachment":[{"href":"https:\/\/live-demo.online\/yovibe\/wp-json\/wp\/v2\/media?parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}