single-oik-themes.html

Blockio

11 patterns
About Widget

blockio/about-widget

Categories: blockio-patterns

<!-- wp:group {"style":{"spacing":{"padding":"20px"},"blockGap":"10px"},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding: 20px;"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">ABOUT ME</h2>
<!-- /wp:heading -->

<!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full"><img
src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/author.jpg"  alt="About Me"/>
<figcaption>Amelia Peterson</figcaption>
</figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by
the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that
are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which
is.
</p>
<!-- /wp:paragraph -->

</div>
<!-- /wp:group -->
Gallery Columns

blockio/gallery-columns

Categories: blockio-patterns

<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">

<!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"40px","right":"0","bottom":"40px","left":"0"}}}} -->
<h2 class="has-text-align-center" style="margin-top:40px;margin-right:0;margin-bottom:40px;margin-left:0">- GALLERY -</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns">

<!-- wp:column -->
<div class="wp-block-column">

</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column -->

</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
Right Sidebar

blockio/right-sidebar

Categories: blockio-patterns

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:columns {"inherit":true }} -->
<div class="wp-block-columns">

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
<div class="wp-block-query"><!-- wp:post-template -->

<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->

<!-- wp:post-title {"isLink":true} /-->

<!-- wp:post-excerpt /-->

<!-- wp:post-date /-->
<!-- /wp:post-template -->

<!-- wp:group {"className":"blog-pagination" } -->
<div class="wp-block-group blog-pagination">
<!-- wp:query-pagination -->
<!-- wp:query-pagination-previous /-->

<!-- wp:query-pagination-numbers /-->

<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->

</div><!-- /wp:query -->
</div><!-- /wp:column -->

<!-- wp:column {"width":"33.33%","style":{"spacing":{"margin":"0"}}} -->
<div class="wp-block-column" style="flex-basis:33.33%;margin:0">

</div>
<!-- /wp:column -->


</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
Our Company

blockio/our-company

Categories: blockio-patterns

<!-- wp:group {"style":{"spacing":{"padding":{"top":"100px","bottom":"100px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group has-background-background has-background" style="padding-top:100px;padding-bottom:100px"><!-- wp:columns -->
<div class="wp-block-columns">

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:image {"align":"left","width":480,"height":451,"linkDestination":"none"} -->
<figure class="wp-block-image alignleft is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/icon_07.png" alt="Our Company" width="480" height="451"/></figure>
<!-- /wp:image -->

</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"textColor":"main"} -->
<p class="has-main-color has-text-color">ABOUT US</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"main","fontSize":"regular"} -->
<h2 class="has-text-align-left has-main-color has-text-color has-regular-font-size" style="font-style:normal;font-weight:700">Our Company</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"main","fontSize":"small"} -->
<p class="has-main-color has-text-color has-small-font-size">Nullam luctus quis magna eu consequat. Integer id est non dui posuere placerat. Nullam venenatis, arcu ac bibendum tincidunt, massa lectus ullamcorper mi, et fermentum sem ex nec nunc. Donec sagittis odio sem, vitae congue neque eleifend eget. Fusce in dignissim massa, et commodo mauris. Fusce blandit dictum metus a hendrerit. Phasellus efficitur, neque non iaculis condimentum, est nibh aliquet ligula, at cursus odio nisl aliquam dui. Etiam diam lorem, ultricies sit amet nunc vitae, vehicula sagittis felis. Nunc facilisis vulputate velit, eget commodo lectus dignissim nec.</p>
<!-- /wp:paragraph -->

<!-- wp:button {"textColor":"white","width":50,"style":{"border":{"radius":"0px"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"typography":{"fontSize":"14px"},"color":{"background":"#ffffff00"}},"className":"is-style-outline","fontFamily":"montserrat"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline has-montserrat-font-family" style="font-size:14px"><a class="wp-block-button__link has-white-color has-text-color has-background" href="#" style="border-radius:0px;background-color:#ffffff00;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px" target="_blank" rel="noreferrer noopener">Learn More</a></div>
<!-- /wp:button -->
</div>

<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Our Feature Section

blockio/our-feature-section

Categories: blockio-patterns

<!-- wp:group {"layout":{"inherit":true},"style":{"spacing":{"margin":{"top":"100px","right":"0","bottom":"100px","left":"0"}}}} -->
<div class="wp-block-group" style="margin-top:100px;margin-right:0;margin-bottom:100px;margin-left:0">

<!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"80px","right":"0","bottom":"80px","left":"0"}}}} -->
<h2 class="has-text-align-center" style="margin-top:80px;margin-right:0;margin-bottom:80px;margin-left:0">- Our Feature Specials -</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns">


<!-- wp:column {"className":"our-ft-shadow"} -->
<div class="wp-block-column our-ft-shadow"><!-- wp:image {"align":"center","width":80,"height":80,"sizeSlug":"full","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/icon_06.png" alt="Web App" width="80" height="80"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"normal"} -->
<h3 class="has-text-align-center has-normal-font-size" style="font-style:normal;font-weight:700">WEB APP</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Pellentesque sit amet justo ac nibh vulputate luctus a eu eros. Ut nisl ante, sagittis et porta sed, varius eu elit. Etiam ornare elit vitae porta molestie. Etiam ut bibendum nulla.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->


<!-- wp:column {"className":"our-ft-shadow"} -->
<div class="wp-block-column our-ft-shadow"><!-- wp:image {"align":"center","width":80,"height":80,"sizeSlug":"full","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/icon_06.png" alt="Innovation" width="80" height="80"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"normal"} -->
<h3 class="has-text-align-center has-normal-font-size" style="font-style:normal;font-weight:700">INNOVATION</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Pellentesque sit amet justo ac nibh vulputate luctus a eu eros. Ut nisl ante, sagittis et porta sed, varius eu elit. Etiam ornare elit vitae porta molestie. Etiam ut bibendum nulla.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->


<!-- wp:column {"className":"our-ft-shadow"} -->
<div class="wp-block-column our-ft-shadow"><!-- wp:image {"align":"center","width":80,"height":80,"sizeSlug":"full","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/icon_06.png" alt="Web App" width="80" height="80"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"normal"} -->
<h3 class="has-text-align-center has-normal-font-size" style="font-style:normal;font-weight:700">WEB DESIGN</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Pellentesque sit amet justo ac nibh vulputate luctus a eu eros. Ut nisl ante, sagittis et porta sed, varius eu elit. Etiam ornare elit vitae porta molestie. Etiam ut bibendum nulla.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->



</div>
<!-- /wp:columns -->

<!-- wp:button {"textColor":"main","style":{"border":{"radius":"0px"},"color":{"background":"#ffffff00"}},"className":"is-style-outline center-flex"} -->
<div class="wp-block-button is-style-outline center-flex"><a class="wp-block-button__link has-main-color has-text-color has-background" style="border-radius:0px;background-color:#ffffff00">Reading more...</a></div>
<!-- /wp:button -->

</div>
<!-- /wp:group -->
Our Site

blockio/our-site

Categories: blockio-patterns

<!-- wp:group {"style":{"spacing":{"padding":{"top":"100px","bottom":"100px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group" style="padding-top:100px;padding-bottom:100px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"textColor":"main","fontSize":"regular"} -->
<h2 class="has-main-color has-text-color has-regular-font-size"><strong>Build Your WordPress Site</strong></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Donec gravida facilisis hendrerit. Integer dapibus libero at eros mattis, vulputate tincidunt diam malesuada. In pharetra maximus elementum. Mauris in mattis nunc. Proin eget consequat lorem, quis sagittis quam. Mauris placerat vel odio ut iaculis. Morbi tincidunt leo est, in consequat purus condimentum ut. Nulla dictum lobortis nisi eu pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae</p>
<!-- /wp:paragraph -->

<!-- wp:button {"textColor":"main","width":50,"style":{"border":{"radius":"0px"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"typography":{"fontSize":"14px"},"color":{"background":"#ffffff00"}},"className":"is-style-outline","fontFamily":"montserrat"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline has-montserrat-font-family" style="font-size:14px"><a class="wp-block-button__link has-main-color has-text-color has-background" href="#" style="border-radius:0px;background-color:#ffffff00;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px" target="_blank" rel="noreferrer noopener">Reading More</a></div>
<!-- /wp:button -->

</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"right","width":507,"height":612,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image alignright size-full is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/icon02.png" alt="Build your website" width="507" height="612"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Pricing Tables

blockio/pricing-tables

Categories: blockio-patterns

<!-- wp:group {"style":{"spacing":{"padding":{"top":"100px","bottom":"100px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group" style="padding-top:100px;padding-bottom:100px"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Pricing Plans</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"className":"pricing-col","layout":{"inherit":false}} -->
<div class="wp-block-column pricing-col">

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"0px","bottom":"30px","left":"0px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"0px","bottomRight":"0px"}}},"backgroundColor":"main"} -->
<div class="wp-block-group has-main-background-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:30px;padding-right:0px;padding-bottom:30px;padding-left:0px"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"background"} -->
<h3 class="has-text-align-center has-background-color has-text-color">Basic</h3>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"background"} -->
<h4 class="has-text-align-center has-background-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Free</h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:list {"className":"list-green-items"} -->
<ul class="list-green-items"><li>In ultrices ex quis nisi faucibus scelerisque.</li><li>Praesent quis augue tempuo s vulputate.</li><li>Quisque egestas massa nec ex.</li><li>Sed lobortis eros ac massa gravida, at iaculis ante viverra.</li></ul>
<!-- /wp:list -->

<!-- wp:button {"textColor":"main","align":"center","style":{"border":{"radius":"0px"}},"className":"is-style-outline"} -->
<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link has-main-color has-text-color" style="border-radius:0px">BUY NOW</a></div>
<!-- /wp:button --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"pricing-col","layout":{"inherit":false}} -->
<div class="wp-block-column pricing-col"><!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"0px","bottom":"30px","left":"0px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"0px","bottomRight":"0px"}}},"backgroundColor":"main"} -->
<div class="wp-block-group has-main-background-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:30px;padding-right:0px;padding-bottom:30px;padding-left:0px"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"background"} -->
<h3 class="has-text-align-center has-background-color has-text-color">Standard</h3>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"background"} -->
<h4 class="has-text-align-center has-background-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">89$</h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->


<!-- wp:list {"className":"list-green-items"} -->
<ul class="list-green-items"><li>In ultrices ex quis nisi faucibus scelerisque.</li><li>Praesent quis augue tempuo s vulputate.</li><li>Quisque egestas massa nec ex.</li><li>Sed lobortis eros ac massa gravida, at iaculis ante viverra.</li><li>Vivamus feugiat tortor ac massa condimentum tempor.</li></ul>
<!-- /wp:list -->

<!-- wp:button {"textColor":"main","align":"center","style":{"border":{"radius":"0px"}},"className":"is-style-outline"} -->
<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link has-main-color has-text-color" style="border-radius:0px">BUY NOW</a></div>
<!-- /wp:button --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"pricing-col","layout":{"inherit":false}} -->
<div class="wp-block-column pricing-col"><!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"0px","bottom":"30px","left":"0px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"0px","bottomRight":"0px"}}},"backgroundColor":"main"} -->
<div class="wp-block-group has-main-background-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:30px;padding-right:0px;padding-bottom:30px;padding-left:0px"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"background"} -->
<h3 class="has-text-align-center has-background-color has-text-color">Premium</h3>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"background"} -->
<h4 class="has-text-align-center has-background-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">199$</h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->


<!-- wp:list {"className":"list-green-items"} -->
<ul class="list-green-items"><li>In ultrices ex quis nisi faucibus scelerisque.</li><li>Praesent quis augue tempuo s vulputate.</li><li>Quisque egestas massa nec ex.</li><li>Sed lobortis eros ac massa gravida, at iaculis ante viverra.</li><li>Vivamus feugiat tortor ac massa condimentum tempor.</li><li>In ultrices ex quis nisi faucibus scelerisque.</li></ul>
<!-- /wp:list -->

<!-- wp:button {"textColor":"main","align":"center","style":{"border":{"radius":"0px"}},"className":"is-style-outline"} -->
<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link has-main-color has-text-color" style="border-radius:0px">BUY NOW</a></div>
<!-- /wp:button --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Front Header

blockio/front-header

Categories: blockio-patterns

<!-- wp:group {"style":{"spacing":{"padding":{"top":"100px","bottom":"100px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group has-background-background has-background"  style="padding-top:100px;padding-bottom:100px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","className":"flex-column"} -->
<div class="wp-block-column is-vertically-aligned-center flex-column"><!-- wp:heading {"level":1,"textColor":"main"} -->
<h1 class="has-main-color has-text-color"><strong>FULL SITE EDITING</strong></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"main"} -->
<p class="has-main-color has-text-color"><strong>BLOCKIO</strong> is theme for full site editing from AtelierWeb.Is powerfull WordPress theme. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"main","width":50,"style":{"border":{"radius":"0px"},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"typography":{"fontSize":"14px"},"color":{"background":"#ffffff00"}},"className":"is-style-outline","fontFamily":"montserrat"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline has-montserrat-font-family" style="font-size:14px"><a class="wp-block-button__link has-main-color has-text-color has-background" href="#" style="border-radius:0px;background-color:#ffffff00;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px" target="_blank" rel="noreferrer noopener">View more...</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
</div>    <!-- /wp:column -->





<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/icon_01.jpg" alt="Header Image"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Image Content

blockio/image-content

Categories: blockio-patterns

<!-- wp:group {"style":{"spacing":{"blockGap":"20px","padding":{"top":"100px","bottom":"100px"}},"border":{"radius":"0px"}},"textColor":"main","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group has-main-color has-text-color" style="border-radius:0px;padding-top:100px;padding-bottom:100px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"textColor":"main","layout":{"inherit":true}} -->
<div class="wp-block-column has-main-color has-text-color">


<!-- wp:media-text {"mediaLink":"https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/monstera.jpg","mediaType":"image","mediaWidth":60,"imageFill":false,"focalPoint":{"x":"0.60","y":"0.53"},"className":"media-shadow"} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile media-shadow" style="grid-template-columns:60% auto"><figure class="wp-block-media-text__media"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/monstera.jpg" alt="Build your website"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"textColor":"main","fontSize":"regular"} -->
<h2 class="has-main-color has-text-color has-regular-font-size">Monstera Deliciosa</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"extra-small"} -->
<p class="has-extra-small-font-size">All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"main","style":{"color":{"background":"#ffffff00"},"border":{"radius":"1px"}},"className":"is-style-outline","fontSize":"extra-small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-extra-small-font-size"><a class="wp-block-button__link has-main-color has-text-color has-background" style="border-radius:1px;background-color:#ffffff00">Show view...</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div>
<!-- /wp:media-text -->


</div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Gallery Front

blockio/gallery-front

Categories: blockio-patterns

<!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}}},"className":"content-gallery","layout":{"inherit":true}} -->
<div class="wp-block-column content-gallery" style="padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px;flex-basis:100%"><!-- wp:heading {"textAlign":"center","textColor":"title"} -->
<h2 class="has-text-align-center has-title-color has-text-color">- GALLERY -</h2>
<!-- /wp:heading -->

<!-- wp:gallery {"columns":3,"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-3 is-cropped"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/gallery01.jpg" alt="Gallery 1" /><figcaption>-  WHITE AND WOOD -</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/gallery02.jpg" alt="Gallery 2" /><figcaption>- GRAY LIGHT -</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/blockio/assets/images/gallery03.jpg" alt="Gallery 3" /><figcaption>- MODERN DESIGN -</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery --></div>
<!-- /wp:column -->
Title Page

blockio/title-page

Categories: blockio-patterns

<!-- wp:group {"className":"page-container-head"} -->
<div class="wp-block-group page-container-head">
<!-- wp:post-featured-image {"width":"100%","height":"480px"} /-->
<!-- wp:post-title {"level":1,"fontSize":"bigger"} /-->
</div>
<!-- /wp:group -->

Published:

Last updated:

October 18, 2022

Information

Letters:

Summary file