{"id":187,"date":"2014-12-31T14:07:49","date_gmt":"2014-12-31T12:07:49","guid":{"rendered":"http:\/\/sg-layout.com\/demos\/?page_id=187"},"modified":"2014-12-31T14:07:49","modified_gmt":"2014-12-31T12:07:49","slug":"genesis-columns","status":"publish","type":"page","link":"https:\/\/sg-demo.com\/amare-basic\/genesis-layouts\/genesis-columns\/","title":{"rendered":"Genesis Columns"},"content":{"rendered":"<div class=\"one-half first\">This is one-half first. This is one-half first. This is one-half first. This is one-half first.<\/div>\n<div class=\"one-half\">This is one Half. This is one Half. This is one Half. This is one Half. This is one Half.<\/div>\n<div class=\"clear\"><\/div>\n<hr \/>\n<div class=\"one-third first\">This one-third first. This one-third first. This one-third first. This one-third first. This one-third first.<\/div>\n<div class=\"two-thirds\">This is two-thirds. This is two-thirds. This is two-thirds. This is two-thirds. This is two-thirds. This is two-thirds. This is two-thirds. This is two-thirds. This is two-thirds.<\/div>\n<div class=\"clear\"><\/div>\n<hr \/>\n<div class=\"one-third first\">This is one-third first. This is one-third first. This is one-third first. This is one-third first. This is one-third first.<\/div>\n<div class=\"one-third\">This is one-third. This is one-third. This is one-third. This is one-third. This is one-third. This is one-third. This is one-third.<\/div>\n<div class=\"one-third\">This is one-third. This is one-third. This is one-third. This is one-third. This is one-third. This is one-third. This is one-third.<\/div>\n<div class=\"clear\"><\/div>\n<hr \/>\n<div class=\"one-fourth first\">This is one-fourth first. This is one-fourth first. This is one-fourth first.<\/div>\n<div class=\"one-fourth\">This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth.<\/div>\n<div class=\"two-fourths\">This is two-fourths. This is two-fourths. This is two-fourths. This is two-fourths. This is two-fourths. This is two-fourths. This is two-fourths.<\/div>\n<div class=\"clear\"><\/div>\n<hr \/>\n<div class=\"one-fourth first\">This is one-fourth first. This is one-fourth first. This is one-fourth first. This is one-fourth first. This is one-fourth first.<\/div>\n<div class=\"one-fourth\">This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth.<\/div>\n<div class=\"one-fourth\">This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth.<\/div>\n<div class=\"one-fourth\">This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth. This is one-fourth.<\/div>\n<div class=\"clear\"><\/div>\n<hr \/>\n<div class=\"one-sixth first\">This is one-sixth first. This is one-sixth first. This is one-sixth first.<\/div>\n<div class=\"one-sixth\">This is one-sixth. This is one-sixth. This is one-sixth.<\/div>\n<div class=\"one-sixth\">This is one-sixth. This is one-sixth. This is one-sixth.<\/div>\n<div class=\"one-sixth\">This is one-sixth. This is one-sixth. This is one-sixth.<\/div>\n<div class=\"one-sixth\">This is one-sixth. This is one-sixth. This is one-sixth.<\/div>\n<div class=\"one-sixth\">This is one-sixth. This is one-sixth. This is one-sixth.<\/div>\n<div class=\"clear\"><\/div>\n<hr \/>\n<p>The columns will be responsive. Resize the window and notice how the content reacts on smaller screens, then adjust to your needs.<\/p>\n<div class=\"one-fourth first\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/placehold.it\/150x220\/E8117F\/ffffff&amp;text=John Doe\" alt=\"\" \/><\/div>\n<div class=\"three-fourths\">\n<h4><b>John Doe,<\/b> Manager<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n<p><b>Tasks:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br \/>\n<b>Skills:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br \/>\n<b>Interests:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/p>\n<\/div>\n<div class=\"one-fourth first\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/placehold.it\/150x220\/E8117F\/ffffff&amp;text=James Doe\" alt=\"\" \/><\/div>\n<div class=\"three-fourths\">\n<h4><b>James Doe,<\/b> Manager<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n<p><b>Tasks:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br \/>\n<b>Skills:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br \/>\n<b>Interests:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/p>\n<\/div>\n<div class=\"one-fourth first\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/placehold.it\/150x220\/E8117F\/ffffff&amp;text=Jane Doe\" alt=\"\" \/><\/div>\n<div class=\"three-fourths\">\n<h4><b>Jane Doe,<\/b> Design<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n<p><b>Tasks:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br \/>\n<b>Skills:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br \/>\n<b>Interests:<\/b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/p>\n<\/div>\n<hr \/>\n<h2>Different Layout<\/h2>\n<div class=\"one-third first\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/placehold.it\/200x200\/E8117F\/ffffff&amp;text=John Doe\" alt=\"\" \/><\/p>\n<h4><b>John Doe,<\/b> Manager<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.<\/p>\n<\/div>\n<div class=\"one-third\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/placehold.it\/200x200\/E8117F\/ffffff&amp;text=James Doe\" alt=\"\" \/><\/p>\n<h4><b>James Doe,<\/b> Developer<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.<\/p>\n<\/div>\n<div class=\"one-third\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/placehold.it\/200x200\/E8117F\/ffffff&amp;text=Jane Doe\" alt=\"\" \/><\/p>\n<h4><b>Jane Doe,<\/b> Design<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This is one-half first. This is one-half first. This is one-half first. This is one-half first. This is one Half. This is one Half. This is one Half. This is one Half. This is one Half. This one-third first. This one-third first. This one-third first. This one-third first. This one-third first. This is two-thirds. This &#8230; <a href=\"https:\/\/sg-demo.com\/amare-basic\/genesis-layouts\/genesis-columns\/\" rel=\"nofollow\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":301,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"full-width-content","footnotes":""},"_links":{"self":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/187"}],"collection":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":0,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/301"}],"wp:attachment":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}