{"id":30,"date":"2019-07-25T00:48:28","date_gmt":"2019-07-25T00:48:28","guid":{"rendered":"https:\/\/themes.estudiopatagon.com\/wordpress\/groovy\/?page_id=30"},"modified":"2023-11-17T09:19:26","modified_gmt":"2023-11-17T09:19:26","slug":"gutenberg-blocks","status":"publish","type":"page","link":"https:\/\/hostafy.com\/blog\/features\/gutenberg-blocks\/","title":{"rendered":"Gutenberg Blocks"},"content":{"rendered":"\r\n<p>Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.<\/p>\r\n\r\n\r\n\r\n<!--more-->\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h1 class=\"wp-block-heading\">Heading One<\/h1>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Heading Two<\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Heading Three<\/h3>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\">Heading Four<\/h4>\r\n\r\n\r\n\r\n<h5 class=\"wp-block-heading\">Heading Five<\/h5>\r\n\r\n\r\n\r\n<h6 class=\"wp-block-heading\">Heading Six<\/h6>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Preformatted Block<\/h2>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\"><strong>The Road Not Taken<\/strong>, <em>by Robert Frost<\/em><br><br>Two roads diverged in a yellow wood,<br>And sorry I could not travel both<br>And be one traveler, long I stood <br>And looked down one as far as I could<br>To where it bent in the undergrowth;<br>Then took the other, as just as fair,<br>And having perhaps the better claim,<br>Because it was grassy and wanted wear;<br>Though as for that the passing there<br>Had worn them really about the same,<br>And both that morning equally lay<br>In leaves no step had trodden black.<br>Oh, I kept the first for another day!<br>Yet knowing how way leads on to way,<br>I doubted if I should ever come back.<br>I shall be telling this with a sigh<br>Somewhere ages and ages hence:<br>Two roads diverged in a wood, and I\u2014<br>I took the one less traveled by,<br>And that has made all the difference.<br><br>...and heres a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;<\/pre>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Ordered List<\/h2>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Nullam id dolor id nibh ultricies vehicula ut id elit.<\/li>\r\n\r\n\r\n\r\n<li>Donec ullamcorper nulla non metus auctor fringilla.\r\n<ol class=\"wp-block-list\">\r\n<li>Condimentum euismod aenean.<\/li>\r\n\r\n\r\n\r\n<li>Purus commodo ridiculus.<\/li>\r\n\r\n\r\n\r\n<li>Nibh commodo vestibulum.<\/li>\r\n<\/ol>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Cras justo odio, dapibus ac facilisis in.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Unordered List<\/h2>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Nullam id dolor id nibh ultricies vehicula ut id elit.<\/li>\r\n\r\n\r\n\r\n<li>Donec ullamcorper nulla non metus auctor fringilla.\r\n<ul class=\"wp-block-list\">\r\n<li>Nibh commodo vestibulum.<\/li>\r\n\r\n\r\n\r\n<li>Aenean eu leo quam.<\/li>\r\n\r\n\r\n\r\n<li>Pellentesque ornare sem lacinia.<\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Cras justo odio, dapibus ac facilisis in.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Verse<\/h2>\r\n\r\n\r\n\r\n<p>This is an example of the core Gutenberg verse block.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-verse\">A block for haiku? <br>Why not? <br>Blocks for all the things!<\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Separator<\/h2>\r\n\r\n\r\n\r\n<p>Here are examples of the three separator styles of the core Gutenberg separator block.<\/p>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity is-style-dots\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Table<\/h2>\r\n\r\n\r\n\r\n<p>Here is an example of the core Gutenberg table block.&nbsp;<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Employee<\/td><td>Salary<\/td><td>Position<\/td><\/tr><tr><td>Jane Doe<br><\/td><td>$100k<\/td><td>CEO<\/td><\/tr><tr><td>John Doe<\/td><td>$100k<\/td><td>CTO<\/td><\/tr><tr><td>Jane Bloggs<\/td><td>$100k<\/td><td>Engineering<\/td><\/tr><tr><td>Fred Bloggs<\/td><td>$100k<\/td><td>Marketing<\/td><\/tr><\/tbody><\/table><\/figure>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Latest Posts, List View<\/h2>\r\n\r\n\r\n\r\n<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam.&nbsp;<\/p>\r\n\r\n\r\n<ul class=\"wp-block-latest-posts__list wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/difference-between-rdp-and-vps\/\">Understanding the Difference Between RDP and VPS:A Comprehensive Comparison<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/zero-worries-zero-loss-foolproof-website-migration-checklist\/\">Zero Worries, Zero Loss: Hostafy&#8217;s Foolproof Website Migration Checklist<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/what-is-shared-hosting-how-does-it-work\/\">What Is Shared Hosting? How Does It Work?<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/the-spectacle-before-us-was-indeed-sublime\/\">The spectacle before us was indeed sublime<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/far-far-away-behind-the-word-mountains\/\">Far far away, behind the word mountains<\/a><\/li>\n<\/ul>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Latest Posts, Grid View<\/h2>\r\n\r\n\r\n\r\n<p>And now for the Grid View. The Latest Posts block also displays at wide and full width alignments, so be sure to check those styles as well.<\/p>\r\n\r\n\r\n<ul class=\"wp-block-latest-posts__list is-grid columns-2 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/difference-between-rdp-and-vps\/\">Understanding the Difference Between RDP and VPS:A Comprehensive Comparison<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/zero-worries-zero-loss-foolproof-website-migration-checklist\/\">Zero Worries, Zero Loss: Hostafy&#8217;s Foolproof Website Migration Checklist<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/what-is-shared-hosting-how-does-it-work\/\">What Is Shared Hosting? How Does It Work?<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/the-spectacle-before-us-was-indeed-sublime\/\">The spectacle before us was indeed sublime<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/hostafy.com\/blog\/far-far-away-behind-the-word-mountains\/\">Far far away, behind the word mountains<\/a><\/li>\n<\/ul>\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Blockquote<\/h2>\r\n\r\n\r\n\r\n<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.<\/p>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote has-text-align-left is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p>Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.<\/p>\r\n<cite>Rich Tabor<\/cite><\/blockquote>\r\n\r\n\r\n\r\n<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.<\/p>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Alternate Blockquote<\/h2>\r\n\r\n\r\n\r\n<p>The alternate block quote style can be tarageted using the <strong>.wp-block-quote.is-large<\/strong>. CSS selector.&nbsp;Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.<\/p>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote has-text-align-left is-large is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p>Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\r\n<cite>Rich Tabor<\/cite><\/blockquote>\r\n\r\n\r\n\r\n<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.<\/p>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Audio<\/h2>\r\n\r\n\r\n\r\n<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. <strong>Center aligned<\/strong>:<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-audio aligncenter\"><audio controls src=\"https:\/\/example.com\"><\/audio><figcaption class=\"wp-element-caption\">An example of an Audio Block caption<\/figcaption><\/figure>\r\n\r\n\r\n\r\n<p>Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.<\/p>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\r\n\r\n\r\n\r\n<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. <strong>Center aligned<\/strong>:&nbsp;<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/themebeans.com\">Center Aligned Button<\/a><\/div>\r\n\r\n\r\n\r\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.&nbsp;<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-button alignleft\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/themebeans.com\">Left Aligned Button<\/a><\/div>\r\n\r\n\r\n\r\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-button alignright\"><a class=\"wp-block-button__link wp-element-button\">Right Aligned Button<\/a><\/div>\r\n\r\n\r\n\r\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.<\/p>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Categories<\/h2>\r\n\r\n\r\n<ul class=\"wp-block-categories-list wp-block-categories\">\t<li class=\"cat-item cat-item-28\"><a href=\"https:\/\/hostafy.com\/blog\/category\/blogging\/\">Blogging<\/a> <span class=\"count\">1<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-22\"><a href=\"https:\/\/hostafy.com\/blog\/category\/control-panel\/\">Control Panel<\/a> <span class=\"count\">2<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-21\"><a href=\"https:\/\/hostafy.com\/blog\/category\/domains\/\">Domains<\/a> <span class=\"count\">1<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-2\"><a href=\"https:\/\/hostafy.com\/blog\/category\/health\/\">Health<\/a> <span class=\"count\">2<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-3\"><a href=\"https:\/\/hostafy.com\/blog\/category\/lifestyle\/\">Lifestyle<\/a> <span class=\"count\">4<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-4\"><a href=\"https:\/\/hostafy.com\/blog\/category\/music\/\">Music<\/a> <span class=\"count\">2<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-27\"><a href=\"https:\/\/hostafy.com\/blog\/category\/business-shared-hosting\/\">Shared Business Hosting<\/a> <span class=\"count\">1<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-5\"><a href=\"https:\/\/hostafy.com\/blog\/category\/technology\/\">Technology<\/a> <span class=\"count\">3<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-6\"><a href=\"https:\/\/hostafy.com\/blog\/category\/travel\/\">Travel<\/a> <span class=\"count\">3<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-7\"><a href=\"https:\/\/hostafy.com\/blog\/category\/video\/\">Video<\/a> <span class=\"count\">1<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-20\"><a href=\"https:\/\/hostafy.com\/blog\/category\/vps\/\">VPS<\/a> <span class=\"count\">1<\/span>\n<\/li>\n\t<li class=\"cat-item cat-item-16\"><a href=\"https:\/\/hostafy.com\/blog\/category\/wordpress\/\">WordPress<\/a> <span class=\"count\">1<\/span>\n<\/li>\n<\/ul>\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Archives<\/h2>\r\n\r\n\r\n<ul class=\"wp-block-archives-list wp-block-archives\">\t<li><a href='https:\/\/hostafy.com\/blog\/2024\/04\/'>April 2024<\/a> <span class=\"count\">2<\/span><\/li>\n\t<li><a href='https:\/\/hostafy.com\/blog\/2024\/02\/'>February 2024<\/a> <span class=\"count\">1<\/span><\/li>\n\t<li><a href='https:\/\/hostafy.com\/blog\/2019\/09\/'>September 2019<\/a> <span class=\"count\">1<\/span><\/li>\n\t<li><a href='https:\/\/hostafy.com\/blog\/2019\/08\/'>August 2019<\/a> <span class=\"count\">1<\/span><\/li>\n\t<li><a href='https:\/\/hostafy.com\/blog\/2019\/07\/'>July 2019<\/a> <span class=\"count\">7<\/span><\/li>\n\t<li><a href='https:\/\/hostafy.com\/blog\/2019\/06\/'>June 2019<\/a> <span class=\"count\">2<\/span><\/li>\n<\/ul>\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Columns<\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.&nbsp;<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns has-4-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Pull Quotes<\/h2>\r\n\r\n\r\n\r\n<p>Here is an example of the core pull quote block, set to display centered. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-pullquote aligncenter\"><blockquote><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.<\/p><cite>Rich Tabor, ThemeBeans.com<\/cite><\/blockquote><\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Wide aligned<\/h3>\r\n\r\n\r\n\r\n<p>Here is an example of the core pull quote block, set to display with the wide-aligned attribute, if the theme allows it. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-pullquote alignleft\"><blockquote><p>Here we have a left-aligned pullquote.<\/p><cite>Rich Tabor<\/cite><\/blockquote><\/figure>\r\n\r\n\r\n\r\n<p>Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-pullquote alignright\"><blockquote><p>Here we have a right-aligned pullquote.<\/p><cite>Rich Tabor<\/cite><\/blockquote><\/figure>\r\n\r\n\r\n\r\n<p>Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.<\/p>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Image Block<\/h2>\r\n\r\n\r\n\r\n<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.<\/p>\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/themes.estudiopatagon.com\/wordpress\/groovy\/wp-content\/uploads\/2019\/08\/job253-gade-effect-1024x682.jpg\" alt=\"\" class=\"wp-image-875\" width=\"-137\" height=\"-91\"\/><figcaption class=\"wp-element-caption\">Layered editable text effect template vector 3d typography<\/figcaption><\/figure><\/div>\r\n\r\n\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/themes.estudiopatagon.com\/wordpress\/groovy\/wp-content\/uploads\/2019\/07\/radio-concept-with-cassette-yellow-background_23-2148681171-1024x683.jpg\" alt=\"\" class=\"wp-image-956\" width=\"255\" height=\"169\" data-srcset=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/radio-concept-with-cassette-yellow-background_23-2148681171-1024x683.jpg 1024w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/radio-concept-with-cassette-yellow-background_23-2148681171-300x200.jpg 300w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/radio-concept-with-cassette-yellow-background_23-2148681171-768x512.jpg 768w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/radio-concept-with-cassette-yellow-background_23-2148681171-1536x1024.jpg 1536w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/radio-concept-with-cassette-yellow-background_23-2148681171.jpg 1920w\" data-sizes=\"auto, (max-width: 255px) 100vw, 255px\" \/><\/figure><\/div>\r\n\r\n\r\n<p><strong>Left aligned:<\/strong> dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.&nbsp;<\/p>\r\n\r\n\r\n\r\n<p><\/p>\r\n\r\n\r\n\r\n<p><\/p>\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/themes.estudiopatagon.com\/wordpress\/groovy\/wp-content\/uploads\/2019\/07\/hand-drawing-illustration-successful-concept_53876-36763-1024x1024.jpg\" alt=\"\" class=\"wp-image-866\" width=\"220\" height=\"220\" data-srcset=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/hand-drawing-illustration-successful-concept_53876-36763-1024x1024.jpg 1024w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/hand-drawing-illustration-successful-concept_53876-36763-300x300.jpg 300w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/hand-drawing-illustration-successful-concept_53876-36763-150x150.jpg 150w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/hand-drawing-illustration-successful-concept_53876-36763-768x768.jpg 768w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/hand-drawing-illustration-successful-concept_53876-36763-1536x1536.jpg 1536w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/hand-drawing-illustration-successful-concept_53876-36763.jpg 1920w\" data-sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><\/figure><\/div>\r\n\r\n\r\n<p>Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Nullam quis risus.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Video Block<\/h2>\r\n\r\n\r\n\r\n<p>Lets check out the positioning and styling of the video core block. We will check the wide and full alignments too.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Cover Image Block<\/h2>\r\n\r\n\r\n\r\n<p>Check out the positioning and styling of the cover image core block. We will check the wide and full alignments, as well as left\/right.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-cover alignleft is-light\" style=\"min-height:339px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1920\" class=\"wp-block-cover__image-background wp-image-865\" alt=\"\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/layered-number-one-stylized-typography_53876-96387.jpg\" data-object-fit=\"cover\" data-srcset=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/layered-number-one-stylized-typography_53876-96387.jpg 1920w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/layered-number-one-stylized-typography_53876-96387-300x300.jpg 300w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/layered-number-one-stylized-typography_53876-96387-1024x1024.jpg 1024w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/layered-number-one-stylized-typography_53876-96387-150x150.jpg 150w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/layered-number-one-stylized-typography_53876-96387-768x768.jpg 768w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/layered-number-one-stylized-typography_53876-96387-1536x1536.jpg 1536w\" data-sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\r\n<p class=\"has-text-align-center has-large-font-size\">Example caption<\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<p><strong>Left aligned:<\/strong> dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.<\/p>\r\n\r\n\r\n\r\n<p><\/p>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<div class=\"wp-block-cover alignright is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1625\" class=\"wp-block-cover__image-background wp-image-871\" alt=\"\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/various-types-pumpkins-arranged-height-food-gravity-concept-autumn-halloween-theme_492182-203-1.jpg\" data-object-fit=\"cover\" data-srcset=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/various-types-pumpkins-arranged-height-food-gravity-concept-autumn-halloween-theme_492182-203-1.jpg 1080w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/various-types-pumpkins-arranged-height-food-gravity-concept-autumn-halloween-theme_492182-203-1-199x300.jpg 199w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/various-types-pumpkins-arranged-height-food-gravity-concept-autumn-halloween-theme_492182-203-1-681x1024.jpg 681w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/various-types-pumpkins-arranged-height-food-gravity-concept-autumn-halloween-theme_492182-203-1-768x1156.jpg 768w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/various-types-pumpkins-arranged-height-food-gravity-concept-autumn-halloween-theme_492182-203-1-1021x1536.jpg 1021w\" data-sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\r\n<p class=\"has-text-align-center has-large-font-size\">Example caption<\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<p><strong>Right aligned:<\/strong> scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. <\/p>\r\n\r\n\r\n\r\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. \ufeff<strong>Center aligned:<\/strong><\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-cover aligncenter is-light\" style=\"min-height:440px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-877\" alt=\"\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/bright-pick-near-electric-guitar_23-2147781763.jpg\" data-object-fit=\"cover\" data-srcset=\"https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/bright-pick-near-electric-guitar_23-2147781763.jpg 1920w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/bright-pick-near-electric-guitar_23-2147781763-300x200.jpg 300w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/bright-pick-near-electric-guitar_23-2147781763-1024x683.jpg 1024w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/bright-pick-near-electric-guitar_23-2147781763-768x512.jpg 768w, https:\/\/hostafy.com\/blog\/wp-content\/uploads\/2019\/07\/bright-pick-near-electric-guitar_23-2147781763-1536x1024.jpg 1536w\" data-sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\r\n<p class=\"has-text-align-center has-large-font-size\">Example animated surface <\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-css-opacity\"\/>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Gallery Blocks<\/h2>\r\n\r\n\r\n\r\n<p>Let us check out the positioning and styling of the gallery blocks.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Two Column Gallery<\/h3>\r\n\r\n\r\n\r\n<p>Below we have a Gallery Block inserted with two columns and two images.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped alignnone wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Three Column<\/h3>\r\n\r\n\r\n\r\n<p>Below we have a Gallery Block inserted with three columns and three images.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped alignnone wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Four Column<\/h3>\r\n\r\n\r\n\r\n<p>Below we have a Gallery Block inserted with four columns and four images.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-4 is-cropped alignnone wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Five Column<\/h3>\r\n\r\n\r\n\r\n<p>Below we have a Gallery Block inserted with five columns and five images.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-5 is-cropped alignnone wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Four Column, Five Images<\/h3>\r\n\r\n\r\n\r\n<p>Let us switch things up a bit. Now we have a Gallery Block inserted with four columns and five images.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-4 is-cropped alignnone wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Three Column, Five Images<\/h3>\r\n\r\n\r\n\r\n<p>Now we have a Gallery Block inserted with three columns and five images.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped alignnone wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<p>Below you will find a Gallery Block inserted with two columns and five images.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Two Column, Five Images<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped alignnone wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Three Column, Four Images<\/h3>\r\n\r\n\r\n\r\n<p>Below you will find a Gallery Block inserted with three columns and four images.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped alignnone wp-block-gallery-8 is-layout-flex wp-block-gallery-is-layout-flex\">\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"2124\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\" class=\"wp-image-2124\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"2125\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\" class=\"wp-image-2125\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"2117\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\" class=\"wp-image-2117\"\/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"2119\" src=\"https:\/\/hostafy.com\/blog\/wp-content\/themes\/groovy\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/estudiopatagon.com\/themes\/wordpress\/breek\/wp-content\/plugins\/block-unit-test\/assets\/images\/placeholder.jpg\" alt=\"\" class=\"wp-image-2119\"\/><\/figure>\r\n<\/figure>\r\n\r\n\r\n\r\n<p><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":1,"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":1018,"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/pages\/30\/revisions\/1018"}],"up":[{"embeddable":true,"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/hostafy.com\/blog\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}