{"id":2964,"date":"2020-03-20T14:17:02","date_gmt":"2020-03-20T14:17:02","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/blog\/?page_id=2964"},"modified":"2020-03-20T14:17:02","modified_gmt":"2020-03-20T14:17:02","slug":"columns-block","status":"publish","type":"page","link":"https:\/\/www.liege360.be\/en\/columns-block\/","title":{"rendered":"Columns Block"},"content":{"rendered":"<h5 class=\"wp-block-heading\">1 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. Id volutpat lacus laoreet non curabitur gravida arcu. Ornare arcu odio ut sem nulla pharetra diam sit. Massa tempor nec feugiat nisl. Laoreet id donec ultrices tincidunt arcu non sodales neque.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/2 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. Id volutpat lacus laoreet non curabitur gravida arcu. Ornare arcu odio ut sem nulla pharetra diam sit.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/2 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. Id volutpat lacus laoreet non curabitur gravida arcu. Ornare arcu odio ut sem nulla pharetra diam sit.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/3 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. The id element is a placeholder for a button that appears when the user presses the button.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/3 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. The id element is a placeholder for a button that appears when the user presses the button.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/3 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. The id element is a placeholder for a button that appears when the user presses the button.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/4 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas, volutpat lacus laoreet non.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/4 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas, volutpat lacus laoreet non.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/4 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas, volutpat lacus laoreet non.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/4 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas, volutpat lacus laoreet non.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/5 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas volutpat.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/5 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas volutpat.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/5 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas volutpat.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/5 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas volutpat.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">1\/5 Column<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas volutpat.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Netus et malesuada fames<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Porttitor leo has a diam sollicitudin tempor id. Curso mattis molestie a iaculis at erat pellentesque. Malesuada proin libero nunc consequat interdum varius sit amet mattis. Sem fringilla ut morbi tincidunt augue interdum. Netus et malesuada fames ac turpis egestas maecenas pharetra convallis. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Nisl suscipit adipiscing bibendum est. Faucibus nisl tincidunt eget nullam non. Feugiat sed lectus vestibulum mattis ullamcorper. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"799\" src=\"https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/03\/julius-drost-1088403-unsplash.jpg?resize=600%2C799&#038;ssl=1\" alt=\"\" class=\"wp-image-2923\" srcset=\"https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/03\/julius-drost-1088403-unsplash.jpg?w=600&amp;ssl=1 600w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/03\/julius-drost-1088403-unsplash.jpg?resize=225%2C300&amp;ssl=1 225w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The text is centered, the width of the column is 100%, the font size is 12, the text is in italics and the text is aligned to the right.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The text is centered on the left side of the page. The text is aligned to the right side of the page. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tristique magna sit amet purus gravida quis. Netus et malesuada fames ac turpis egestas sed. Id volutpat lacus laoreet non curabitur gravida arcu. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If Massa is not present, the page will be displayed without the text.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/sarah-mak-54250-unsplash.jpg?resize=1024%2C683&#038;ssl=1\" alt=\"\" class=\"wp-image-2696\" srcset=\"https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/sarah-mak-54250-unsplash.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/sarah-mak-54250-unsplash.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/sarah-mak-54250-unsplash.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/sarah-mak-54250-unsplash.jpg?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. Id volutpat lacus laoreet non curabitur gravida arcu<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/peter-sjo-201640-unsplash.jpg?resize=683%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-2695\" srcset=\"https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/peter-sjo-201640-unsplash.jpg?resize=683%2C1024&amp;ssl=1 683w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/peter-sjo-201640-unsplash.jpg?resize=200%2C300&amp;ssl=1 200w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/peter-sjo-201640-unsplash.jpg?resize=768%2C1152&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/peter-sjo-201640-unsplash.jpg?resize=1024%2C1536&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.liege360.be\/wp-content\/uploads\/2020\/01\/peter-sjo-201640-unsplash.jpg?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas sed. Id volutpat lacus laoreet non curabitur gravida. Ornare arcu odio ut sem nulla pharetra diam sit.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">However, the text must be placed within the context of the surrounding text.<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Porttitor leo has a diam width, and the height is determined by the number of columns. The course is centered on the left, and the width is determined by the width of the columns. The course has a left margin of 100px, and the width of the columns is determined by the number of columns. The course has a right margin of 100px, and the width of the columns is determined by the number of columns. The course has a left margin of 100px, and the width of the columns is determined by the number of columns. The course has a right margin of 100px, and the width of the columns is determined by the number of columns. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Netus et malesuada fames ac turpis egestas maecenas pharetra convallis.Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Aliquam malesuada bibendum vitae<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Faucibus nisl tincidunt eget nullam non. Feugiat sed lectus vestibulum mattis ullamcorper. Egestas purus viverra accumsan in nisl nisi scelerisque eu. Eget nunc lobortis mattis aliquam faucibus purus in massa tempor.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Euismod elementum nisi quis eleifend quam adipiscing vitae.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>1 Column Netus et malesuada fames ac turpis egestas sed. Id volutpat lacus laoreet non curabitur gravida arcu. Ornare arcu odio ut sem nulla pharetra diam sit. Massa tempor nec [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-2964","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PcSPnF-LO","_links":{"self":[{"href":"https:\/\/www.liege360.be\/en\/wp-json\/wp\/v2\/pages\/2964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.liege360.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.liege360.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.liege360.be\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.liege360.be\/en\/wp-json\/wp\/v2\/comments?post=2964"}],"version-history":[{"count":0,"href":"https:\/\/www.liege360.be\/en\/wp-json\/wp\/v2\/pages\/2964\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.liege360.be\/en\/wp-json\/wp\/v2\/media?parent=2964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}