{"id":308,"date":"2014-05-24T06:33:14","date_gmt":"2014-05-24T11:33:14","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/integrity\/10\/?page_id=308"},"modified":"2014-05-24T06:33:14","modified_gmt":"2014-05-24T11:33:14","slug":"columns","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/integrity-1\/shortcodes\/columns\/","title":{"rendered":"Columns"},"content":{"rendered":"<div  class=\"x-column x-sm x-1-2\" style=\"\" >\n<h5>1\/2<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius. Ut tortor velit, dignissim quis tempor et.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-2 last\" style=\"\" >\n<h5>1\/2<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius. Ut tortor velit, dignissim quis tempor et.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<div  class=\"x-column x-sm x-1-3\" style=\"\" >\n<h5>1\/3<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<\/div>\n<div  class=\"x-column x-sm x-1-3\" style=\"\" >\n<h5>1\/3<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<\/div>\n<div  class=\"x-column x-sm x-1-3 last\" style=\"\" >\n<h5>1\/3<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<div  class=\"x-column x-sm x-1-4\" style=\"\" >\n<h5>1\/4<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-4\" style=\"\" >\n<h5>1\/4<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-4\" style=\"\" >\n<h5>1\/4<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-4 last\" style=\"\" >\n<h5>1\/4<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<div  class=\"x-column x-sm x-1-5\" style=\"\" >\n<h5>1\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-5\" style=\"\" >\n<h5>1\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-5\" style=\"\" >\n<h5>1\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-5\" style=\"\" >\n<h5>1\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-5 last\" style=\"\" >\n<h5>1\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<div  class=\"x-column x-sm x-2-3\" style=\"\" >\n<h5>2\/3<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-3 last\" style=\"\" >\n<h5>1\/3<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In iaculis tortor nec elit congue varius. Aliquam eros sem, tincidunt sit amet luctus.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<div  class=\"x-column x-sm x-1-4\" style=\"\" >\n<h5>1\/4<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis.\u00a0For the greatest of these is love.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-3-4 last\" style=\"\" >\n<h5>3\/4<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<div  class=\"x-column x-sm x-2-5\" style=\"\" >\n<h5>2\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-3-5 last\" style=\"\" >\n<h5>3\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<div  class=\"x-column x-sm x-4-5\" style=\"\" >\n<h5>4\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus. In mattis eros vel lorem condimentum aliquam eget eu orci. Nunc bibendum odio ut felis gravida tempus. Aliquam eros sem, tincidunt sit amet luctus a, rutrum sed lacus. In iaculis tortor nec elit congue varius.<br \/>\n<\/div>\n<div  class=\"x-column x-sm x-1-5 last\" style=\"\" >\n<h5>1\/5<\/h5>\n<p>Donec placerat elit eu turpis egestas eget venenatis erat dapibus.<br \/>\n<\/div>\n<hr  class=\"x-clear\" >\n<hr  class=\"x-gap\" style=\"margin: 50px 0 0 0;\">\n<div class=\"x-alert x-alert-muted x-alert-block\" ><h6 class=\"h-alert\">Fullwidth<\/h6> With no sidebar (fullwidth page), columns take up the entire content area and function just the same.\u00a0<\/div>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Code<\/span><\/h2>\n<pre  class=\"x-code\" ><code>[column type=\"1\/2\"] Place your content in here. [\/column] [column type=\"1\/2\" last=\"true\"] Place your content in here. [\/column]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>type<\/strong>: &#8220;1\/1,&#8221; &#8220;1\/2,&#8221; &#8220;1\/3,&#8221; &#8220;2\/3,&#8221; &#8220;1\/4,&#8221; &#8220;3\/4,&#8221; &#8220;1\/5,&#8221; &#8220;2\/5,&#8221; &#8220;3\/5,&#8221; &#8220;4\/5,&#8221; &#8220;1\/6,&#8221; or &#8220;5\/6.&#8221;<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>last<\/strong>: set to &#8220;true&#8221; to remove the margin on the last column so that it floats properly.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>fade<\/strong>: set to &#8220;true&#8221; to prompt the column to fade in as a user scrolls down the website.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>fade_animation<\/strong>: &#8220;in,&#8221; &#8220;in-from-top,&#8221; &#8220;in-from-left,&#8221; &#8220;in-from-right,&#8221; or &#8220;in-from-bottom.&#8221;<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>fade_animation_offset<\/strong>: if the fade_animation is anything other than &#8220;in,&#8221; set the offset of the fade in animation (e.g. &#8220;45px,&#8221; &#8220;10em,&#8221; &#8220;5%,&#8221; et cetera).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":259,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/308"}],"collection":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":0,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/308\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/259"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/media?parent=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}