single-oik-themes.html

ProWP

58 patterns
Notices Sample

prowp/about-layout-1

Categories: samples

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:pattern {"slug":"prowp/notices-danger-1"} /-->
<!-- wp:pattern {"slug":"prowp/notices-info-1"} /-->
<!-- wp:pattern {"slug":"prowp/notices-warning-1"} /-->
<!-- wp:pattern {"slug":"prowp/notices-success-1"} /-->
</div>
<!-- /wp:group -->

About Page #2

prowp/about-layout-2

Categories: about

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:image {"align":"center","width":200,"height":200,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" width="200" height="200" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"textAlign":"center","level":1,"fontSize":"huge"} /-->
<!-- wp:paragraph {"align":"center","textColor":"secondary"} -->
<p class="has-text-align-center has-secondary-color has-text-color">This pattern displays an image, a main page title, a short description text, a list of full-width buttons (links), and a social icons menu with custom background color</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"width":100,"className":"is-style-fill","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-normal-font-size"><a class="wp-block-button__link wp-element-button">Visit website</a></div>
<!-- /wp:button -->
<!-- wp:button {"width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link wp-element-button">Read story</a></div>
<!-- /wp:button -->
<!-- wp:button {"width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link wp-element-button">Preview services</a></div>
<!-- /wp:button -->
<!-- wp:button {"width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link wp-element-button">Download freebies</a></div>
<!-- /wp:button -->
<!-- wp:button {"width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link wp-element-button">Join newsletter</a></div>
<!-- /wp:button -->
<!-- wp:button {"width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link wp-element-button">Contact me</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#060606","iconBackgroundColor":"white","iconBackgroundColorValue":"#ffffff","openInNewTab":true,"size":"has-large-icon-size","align":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"className":"is-style-default","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap","orientation":"horizontal"}} -->
<ul class="wp-block-social-links aligncenter has-large-icon-size has-icon-color has-icon-background-color is-style-default">
<!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"twitter"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
<!-- wp:social-link {"url":"#","service":"pinterest"} /-->
<!-- wp:social-link {"url":"#","service":"linkedin"} /-->
<!-- wp:social-link {"url":"#","service":"tiktok"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Highlights

prowp/about-section-1

Categories: about

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide","style":{"spacing":[]}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false,"align":"wide","style":{"spacing":[]}} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile">
<!-- wp:column {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"vivid-red","textColor":"white"} -->
<div class="wp-block-column has-white-color has-vivid-red-background-color has-text-color has-background has-link-color">
<!-- wp:image {"id":695,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-695" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"blockGap":"0.5em"}}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"lineHeight":"1"}}} -->
<h3 class="wp-block-heading has-text-align-left" id="my-story" style="line-height:1">Section title</h3>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#f7dad7"}},"fontSize":"small"} -->
<p class="has-text-align-left has-text-color has-small-font-size" style="color:#f7dad7">This pattern displays four (4) columns layout in regular screen views.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size"><a href="#">Call to action →</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"color":{"background":"#004871"}},"textColor":"white"} -->
<div class="wp-block-column has-white-color has-text-color has-background has-link-color" style="background-color:#004871">
<!-- wp:image {"id":696,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-696" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"blockGap":"0.5em"}}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"lineHeight":"1"}}} -->
<h3 class="wp-block-heading has-text-align-left" id="get-in-touch" style="line-height:1">Section title</h3>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#b4d5e7"}},"fontSize":"small"} -->
<p class="has-text-align-left has-text-color has-small-font-size" style="color:#b4d5e7">In smaller screens, the layout transforms into two (2) columns per row.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"white","fontSize":"normal"} -->
<p class="has-white-color has-text-color has-normal-font-size"><a href="#">Call to action →</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false,"align":"wide","style":{"spacing":[]}} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile">
<!-- wp:column {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"color":{"background":"#1a7c46"}},"textColor":"white"} -->
<div class="wp-block-column has-white-color has-text-color has-background has-link-color" style="background-color:#1a7c46">
<!-- wp:image {"id":698,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-698" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","bottom":"var:preset|spacing|60","top":"0"},"blockGap":"0.5em"}}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"lineHeight":"1"}}} -->
<h3 class="wp-block-heading has-text-align-left" id="follow-me" style="line-height:1">Section title</h3>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#c4e1d0"}},"fontSize":"small"} -->
<p class="has-text-align-left has-text-color has-small-font-size" style="color:#c4e1d0">To avoid uneven heights in columns, equalize the text width in each column.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"white","fontSize":"normal"} -->
<p class="has-white-color has-text-color has-normal-font-size"><a href="#">Call to action →</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"color":{"background":"#490787"}},"textColor":"white"} -->
<div class="wp-block-column has-white-color has-text-color has-background has-link-color" style="background-color:#490787">
<!-- wp:image {"id":698,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-698" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"blockGap":"0.5em"}}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"lineHeight":"1"}}} -->
<h3 class="wp-block-heading has-text-align-left" id="follow-me" style="line-height:1">Section title</h3>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#d8c7e7"}},"fontSize":"small"} -->
<p class="has-text-align-left has-text-color has-small-font-size" style="color:#d8c7e7">Use Block editor options to customize text, colors, font sizes and more.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"white","fontSize":"normal"} -->
<p class="has-white-color has-text-color has-normal-font-size"><a href="#">Call to action →</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Page Hero Section

prowp/banner-section-1

Categories: banner

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:cover {"dimRatio":90,"overlayColor":"base","minHeight":18,"minHeightUnit":"em","isDark":false,"style":{"color":{"duotone":["#000000","#ffffff"]},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-cover is-light" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);min-height:18em"><span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-90 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"level":1} /-->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"center","textColor":"contrast","fontSize":"medium"} -->
<p class="has-text-align-center has-contrast-color has-text-color has-medium-font-size">Start using a professional WordPress theme by Themes Harbor to improve online presence, and take brand to next level.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:group -->

Description-based Grid

prowp/columns-grid-2

Categories: columns


<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Use List View in the top toolbar of the Block editor to select main Group block of the section. Then, click Modify to make changes.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Once finished making changes, select main Group block again and click Done to lock the newly made changes for the section.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"textColor":"secondary","fontSize":"small"} -->
<div class="wp-block-column has-secondary-color has-text-color has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"30rem"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60)">
<!-- wp:paragraph -->
<p>This pattern displays a grid of items with title and description. Also, the pattern displays main page title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Social-Enabled Item Grid

prowp/columns-grid-3

Categories: about

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
<!-- wp:social-links {"iconColor":"secondary","iconColorValue":"#6B6B6B","size":"has-small-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Use List View in the top toolbar of the Block editor to select main Group block of the section. Then, click Modify to make changes.</p>
<!-- /wp:paragraph -->
<!-- wp:social-links {"iconColor":"secondary","iconColorValue":"#6B6B6B","size":"has-small-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
<!-- wp:social-links {"iconColor":"secondary","iconColorValue":"#6B6B6B","size":"has-small-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Once finished making changes, select main Group block again and click Done to lock the newly made changes for the section.</p>
<!-- /wp:paragraph -->
<!-- wp:social-links {"iconColor":"secondary","iconColorValue":"#6B6B6B","size":"has-small-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"textColor":"secondary","fontSize":"small"} -->
<div class="wp-block-column has-secondary-color has-text-color has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"30rem"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60)">
<!-- wp:paragraph -->
<p>This pattern displays a grid of items with image, title, sub-title, text and social links Also, the pattern displays a section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Multi-Data Item Display

prowp/columns-grid-4

Categories: services

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Use List View in the top toolbar of the Block editor to select main Group block of the section. Then, click Modify to make changes.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Once finished making changes, select main Group block again and click Done to lock the newly made changes for the section.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a grid of items with image, title, text and link. Also, the pattern displays a main section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Thumbnail Showcase Section

prowp/columns-grid-section-1

Categories: columns

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0.3em"}}} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Sample text can be edited using the Block editor to fit needs.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0.3em"}}} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Select main Group block or other blocks using Document Overview.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0.3em"}}} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Duplicate or remove items in the section  using the Block editor.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0.3em"}}} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Customize colors, sizes and spacing using Block editor options.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}},"textColor":"secondary","layout":{"type":"constrained","justifyContent":"left","contentSize":"30rem"}} -->
<div class="wp-block-group has-secondary-color has-text-color" style="padding-right:var(--wp--preset--spacing--60)">
<!-- wp:paragraph -->
<p>This pattern displays a grid of items with image, title, and description. Also, the pattern displays a section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Pricing Tables

prowp/columns-pricing-tables-1

Categories: columns

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-white-background-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Agency</h3>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p><strong>$</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"huge"} -->
<p class="has-huge-font-size" style="line-height:1"><strong>29.99</strong></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Perfect for agencies</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">50 activations</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">1 year of updates</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">1 year of support</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link wp-element-button">Choose plan</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-white-background-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Enterprise</h3>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p><strong>$</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"huge"} -->
<p class="has-huge-font-size" style="line-height:1"><strong>79.99</strong></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Perfect for companies</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Unlimited activations</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">1 year of updates</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">1 year of support</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link wp-element-button">Choose plan</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a section with pricing tables in a layout of two (2) columns. In smaller screen views, the layout transforms into one (1) column per row.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Single Column CTA Section

prowp/columns-text-1

Categories: text

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link. It is possible to duplicate or to remove items in the section.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Double Column CTA Section

prowp/columns-text-2

Categories: text

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Numbers & Captions in Columns

prowp/columns-text-3

Categories: columns

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"},"blockGap":"0.5em"},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","textColor":"contrast","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-contrast-color has-white-background-color has-text-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="line-height:1"><strong>540k</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center","textColor":"secondary","fontSize":"small"} -->
<p class="has-text-align-center has-secondary-color has-text-color has-small-font-size">Short label text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","textColor":"contrast","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-contrast-color has-white-background-color has-text-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="line-height:1"><strong>3m</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center","textColor":"secondary","fontSize":"small"} -->
<p class="has-text-align-center has-secondary-color has-text-color has-small-font-size">Short label text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","textColor":"contrast","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-contrast-color has-white-background-color has-text-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="line-height:1"><strong>17</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center","textColor":"secondary","fontSize":"small"} -->
<p class="has-text-align-center has-secondary-color has-text-color has-small-font-size">Short label text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","textColor":"contrast","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-contrast-color has-white-background-color has-text-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="line-height:1"><strong>1,750</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center","textColor":"secondary","fontSize":"small"} -->
<p class="has-text-align-center has-secondary-color has-text-color has-small-font-size">Short label text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays sections with statistical information in a layout of four (4) columns. In smaller screen views, the layout transforms into two (2) columns per row.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Two-Column Text and Image

prowp/columns-text-media-1

Categories: columns

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%","style":{"spacing":{"blockGap":"0.8em"}}} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section main title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Example of a sub-title for the section</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text can be edited in Block editor. It is possible to change the font size and colors. Use as many paragraphs as needed in the Column block. Feel free to add other blocks.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:image {"id":89,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/1920x1080.webp" alt="" class="wp-image-89" />
<figcaption class="wp-element-caption">Add optional caption to the image</figcaption>
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Dual Column Gallery Section

prowp/columns-text-media-2

Categories: columns

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"40px"}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"blockGap":"1.5em"}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section main title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"75%","style":{"color":{"background":"#fbf8ff"}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="background-color:#fbf8ff;flex-basis:75%">
<!-- wp:pattern {"slug":"prowp/gallery-section-5"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Four-Column Image and Text

prowp/columns-text-media-3

Categories: columns

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.125em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional short content</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional short content</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional short content</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional short content</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Text & Button

prowp/cover-cta-1

Categories: banner

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:cover {"dimRatio":90,"overlayColor":"base","isDark":false,"style":{"color":{"duotone":["#000000","#ffffff"]}}} -->
<div class="wp-block-cover is-light">
<span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-90 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"><strong>Start using a professional WordPress theme by Themes Harbor</strong></p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"fontSize":"normal"} -->
<div class="wp-block-buttons has-custom-font-size has-normal-font-size">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://themesharbor.com/">Get started today</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:group -->

Primary & Secondary Cover Section

prowp/gallery-section-1

Categories: gallery

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":[]}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top">
<!-- wp:column {"verticalAlignment":"top","width":"75%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:75%">
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":29.10000000000000142108547152020037174224853515625,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:29.1em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":[]}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":14,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:14em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"normal"} -->
<h2 class="wp-block-heading has-normal-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":14,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:14em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"normal"} -->
<h2 class="wp-block-heading has-normal-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Primary & Secondary Covers

prowp/gallery-section-2

Categories: gallery

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":[]}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top">
<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":[]}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":14,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:14em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"normal"} -->
<h2 class="wp-block-heading has-normal-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":14,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:14em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"normal"} -->
<h2 class="wp-block-heading has-normal-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top","width":"75%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:75%">
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":29.10000000000000142108547152020037174224853515625,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:29.1em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Two-Cover Panel

prowp/gallery-section-3

Categories: gallery

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide","style":{"spacing":[]}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":25,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:25em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:cover {"dimRatio":60,"overlayColor":"tertiary","minHeight":25,"minHeightUnit":"em","contentPosition":"bottom right","isDark":false} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-right" style="min-height:25em"><span aria-hidden="true" class="wp-block-cover__background has-tertiary-background-color has-background-dim-60 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Additional section text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Mixed-Width Cover Grid

prowp/gallery-section-4

Categories: gallery

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:pattern {"slug":"prowp/gallery-section-1"} /-->
<!-- wp:pattern {"slug":"prowp/gallery-section-2"} /-->
<!-- wp:pattern {"slug":"prowp/gallery-section-3"} /-->
</div>
<!-- /wp:group -->

Mixed-Height Image Section

prowp/gallery-section-5

Categories: gallery

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":""} -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image size-full has-custom-border is-style-default"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/840x840.webp" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/840x1200.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/840x1200.webp" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/840x840.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/840x840.webp" alt="" /></figure>
<!-- /wp:image -->
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/840x1200.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Header with Side Content

prowp/header-columns-1

Categories: header

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"level":1,"textColor":"secondary","fontSize":"small"} /-->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.399999999999999911182158029987476766109466552734375}},"fontSize":"large"} -->
<p class="has-large-font-size" style="line-height:1.4">Additional content to share mission, slogan, fact, etc</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/1920x1080.webp" alt=""/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"textColor":"secondary","fontSize":"small"} -->
<div class="wp-block-column has-secondary-color has-text-color has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"30rem"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60)">
<!-- wp:paragraph -->
<p>This pattern displays a page header section, with main page title, short sub-title text, image, and additional content for the page.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Header with Side Content and Text

prowp/header-columns-2

Categories: header

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:post-title {"level":1,"textColor":"secondary","fontSize":"normal"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="line-height:1.4"><strong>Sub-title for the page, to share mission, slogan, etc</strong></p>
<!-- /wp:paragraph -->
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/1920x1080.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">The basic WordPress software is simple and predictable so you can easily get started. It also offers powerful features for growth and success.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a page header section, with main page title, sub-title, image, text, and additional content for the page.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Text and Gallery

prowp/header-columns-3

Categories: header

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"},"blockGap":"2.7em"},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","layout":{"wideSize":"100%"},"fontSize":"small"} -->
<div class="wp-block-group alignwide has-border-color has-tertiary-border-color has-white-background-color has-background has-small-font-size" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:post-title {"textAlign":"center","level":1,"style":{"spacing":{"padding":{"top":"0.3vw","bottom":"0.3vw"}}},"fontSize":"enormous"} /-->
<!-- wp:paragraph {"align":"center","textColor":"secondary"} -->
<p class="has-text-align-center has-secondary-color has-text-color">This is an example of the Hero section with page title, subtitle and gallery</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Hidden 404

prowp/hidden-404

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"level":1,"fontSize":"normal"} -->
<h1 class="has-normal-font-size">404: Page not found</h1>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">It looks like nothing was found at this location. Maybe try a search?</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-column" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"layout":{"type":"constrained","contentSize":"25rem"},"fontSize":"small"} -->
<div class="wp-block-group has-small-font-size">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>The 404 template appears when a user lands on a page that does not exist. Use the sidebar to help the user navigate the website with additional info or links.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

Hidden Archive sidebar

prowp/hidden-archive-sidebar

<!-- wp:group {"layout":{"type":"constrained","contentSize":"25rem"},"fontSize":"small"} -->
<div class="wp-block-group has-small-font-size">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>The Archive template shows a list of posts grouped by category, author, date, tag, etc. The template includes a sidebar.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Use the Block editor to modify the sidebar section, and add as many additional content to the sidebar as needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Hidden Post meta (categories and tags)

prowp/hidden-post-meta

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p><strong>Posted in:</strong></p>
<!-- /wp:paragraph -->
<!-- wp:post-terms {"term":"category"} /-->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"className":"is-tags-section","layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group is-tags-section">
<!-- wp:paragraph -->
<p><strong>Tagged with:</strong></p>
<!-- /wp:paragraph -->
<!-- wp:post-terms {"term":"post_tag"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Query – No results

prowp/hidden-query-no-results

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results.","fontSize":"medium"} -->
<p class="has-medium-font-size">Sorry, but nothing matched your search terms. Please try again with some different keywords.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

Hidden Search sidebar

prowp/hidden-search-sidebar

<!-- wp:group {"layout":{"type":"constrained","contentSize":"25rem"},"fontSize":"small"} -->
<div class="wp-block-group has-small-font-size">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>The Search template is displayed when using a search form. Depending on the search term, the template displays either a list of found pages or a message with search info.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Use the Block editor to modify the sidebar section, and add as many additional content to the sidebar as needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Danger Notice

prowp/notices-danger-1

Categories: text

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|60"}},"border":{"left":{"color":"#00000030","width":"8px"},"top":[],"right":[],"bottom":[]},"elements":{"link":{":hover":{"color":{"text":"#ffffffba"}},"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"vivid-red","textColor":"white","layout":{"type":"constrained"},"fontSize":"small"} -->
<div class="wp-block-group has-white-color has-vivid-red-background-color has-text-color has-background has-link-color has-small-font-size" style="border-left-color:#00000030;border-left-width:8px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph -->
<p><strong>Danger:</strong> This is example of danger notice message with short intro title. It also can include links or any other WordPress blocks. Colors are also customizable.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

Info Notice

prowp/notices-info-1

Categories: text

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|60"}},"color":{"background":"#80ceff"},"border":{"left":{"color":"#0000002e","width":"8px"}},"elements":{"link":{":hover":{"color":{"text":"#000000ad"}},"color":{"text":"var:preset|color|black"}}}},"textColor":"black","layout":{"type":"constrained"},"fontSize":"small"} -->
<div class="wp-block-group has-black-color has-text-color has-background has-link-color has-small-font-size" style="border-left-color:#0000002e;border-left-width:8px;background-color:#80ceff;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph -->
<p><strong>Info:</strong> This is example of info notice message with short intro title. It also can include links or any other WordPress blocks. Colors are also customizable.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

Success Notice

prowp/notices-success-1

Categories: text

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|60"}},"color":{"background":"#197b54"},"border":{"left":{"color":"#00000030","style":"solid","width":"8px"},"top":[],"right":[],"bottom":[]},"elements":{"link":{"color":{"text":"var:preset|color|white"},":hover":{"color":{"text":"#ffffffba"}}}}},"textColor":"white","layout":{"type":"constrained"},"fontSize":"small"} -->
<div class="wp-block-group has-white-color has-text-color has-background has-link-color has-small-font-size" style="border-left-color:#00000030;border-left-style:solid;border-left-width:8px;background-color:#197b54;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph -->
<p><strong>Success:</strong> This is example of success notice message with short intro title. It also can include links or any other WordPress blocks. Colors are also customizable.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

Warning Notice

prowp/notices-warning-1

Categories: text

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|60"}},"border":{"left":{"color":"#0000002e","width":"8px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"},":hover":{"color":{"text":"#000000ad"}}}}},"backgroundColor":"luminous-vivid-amber","textColor":"black","layout":{"type":"constrained"},"fontSize":"small"} -->
<div class="wp-block-group has-black-color has-luminous-vivid-amber-background-color has-text-color has-background has-link-color has-small-font-size" style="border-left-color:#0000002e;border-left-width:8px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:paragraph -->
<p><strong>Warning:</strong> This is example of warning notice message with short intro title. It also can include links or any other WordPress blocks. Colors are also customizable.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

Main Title and Side Text

prowp/page-header-1

Categories: header

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center">
<!-- wp:column {"verticalAlignment":"center","width":"75%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:75%">
<!-- wp:post-title {"level":1} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"25%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"left":"0.3vw"}}},"textColor":"primary-light","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-light-color has-text-color" style="padding-left:0.3vw">
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Main Title, Side Text and Call to Action

prowp/page-header-2

Categories: header

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center">
<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">
<!-- wp:post-title {"level":1} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">
<!-- wp:columns {"verticalAlignment":null,"isStackedOnMobile":false,"textColor":"secondary","fontSize":"small"} -->
<div class="wp-block-columns is-not-stacked-on-mobile has-secondary-color has-text-color has-small-font-size">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:paragraph -->
<p>Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom">
<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><strong><a href="#">Call to action link</a></strong></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Multi-Content Header Block

prowp/page-header-3

Categories: header

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"2.2rem","left":"2.2rem"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"blockGap":"1em"}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"level":1,"fontSize":"large"} /-->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, can be edited in Block editor, to fit needs. Title can be edited too, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"fontSize":"normal"} -->
<div class="wp-block-buttons has-custom-font-size has-normal-font-size">
<!-- wp:button {"textAlign":"left","backgroundColor":"contrast","textColor":"white","width":100} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-contrast-background-color has-text-color has-background has-text-align-left wp-element-button"><strong>Primary call to action</strong></a></div>
<!-- /wp:button -->
<!-- wp:button {"textAlign":"left","textColor":"secondary","width":100,"className":"is-style-outline","fontSize":"normal"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size"><a class="wp-block-button__link has-secondary-color has-text-color has-text-align-left wp-element-button">Secondary call to action</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"75%","style":{"color":{"background":"#fbf8ff"}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="background-color:#fbf8ff;flex-basis:75%">
<!-- wp:pattern {"slug":"prowp/gallery-section-5"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Blog Page #1

prowp/pages-posts-1

Categories: posts

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%","style":{"spacing":{"blockGap":"0.75em"}}} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:post-title {"level":1,"textColor":"secondary","fontSize":"normal"} /-->
<!-- wp:categories {"displayAsDropdown":true,"fontSize":"small"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:query {"queryId":16,"query":{"perPage":"10","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list"}} -->
<div class="wp-block-query">
<!-- wp:post-template -->
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"isLink":true,"fontSize":"medium"} /-->
<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","layout":{"type":"flex","flexWrap":"wrap"},"fontSize":"small"} -->
<div class="wp-block-group has-secondary-color has-text-color has-link-color has-small-font-size">
<!-- wp:post-date {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} /-->
<!-- wp:post-terms {"term":"category"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:post-featured-image {"width":"100%","height":"160px","style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}}} /-->
<!-- wp:post-excerpt {"moreText":"Read More","fontSize":"normal"} /-->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"fontSize":"small"} /-->
<!-- wp:query-pagination-numbers {"fontSize":"normal"} /-->
<!-- wp:query-pagination-next {"fontSize":"small"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/160x160.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph -->
<p>Use the Block editor to modify the sidebar section, and add as many additional content to the sidebar as needed.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="https://themesharbor.com/">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background"/>
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Use the Block editor to modify the sidebar section, and add as many additional content to the sidebar as needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

Blog Page #2

prowp/pages-posts-2

Categories: posts

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"25%","style":{"spacing":{"blockGap":"1em"}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="flex-basis:25%">
<!-- wp:post-title {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"secondary","fontSize":"normal"} /-->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}}} -->
<p style="padding-right:var(--wp--preset--spacing--60)">This pattern uses multiple Posts List blocks, by default it shows all recent posts but it is possible to filter by category or tag</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search website...","buttonText":"Search","buttonPosition":"button-inside","fontSize":"normal"} /-->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textColor":"secondary","fontSize":"small"} -->
<h2 class="has-secondary-color has-text-color has-small-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:query {"queryId":3,"query":{"perPage":"4","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null},"displayLayout":{"type":"flex","columns":2},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:post-featured-image {"width":"96px","height":"96px"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"className":"th-flex-1","layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group th-flex-1">
<!-- wp:post-title {"isLink":true,"fontSize":"normal"} /-->
<!-- wp:post-date {"textColor":"secondary","fontSize":"small"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-link-color has-small-font-size"><a href="#"><strong>Call to action link</strong></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textColor":"secondary","fontSize":"small"} -->
<h2 class="has-secondary-color has-text-color has-small-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:query {"queryId":3,"query":{"perPage":"4","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":2},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:post-featured-image {"width":"96px","height":"96px"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"className":"th-flex-1","layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group th-flex-1">
<!-- wp:post-title {"isLink":true,"fontSize":"normal"} /-->
<!-- wp:post-date {"textColor":"secondary","fontSize":"small"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-link-color has-small-font-size"><a href="#"><strong>Call to action link</strong></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textColor":"secondary","fontSize":"small"} -->
<h2 class="has-secondary-color has-text-color has-small-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:query {"queryId":3,"query":{"perPage":"4","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":2},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:post-featured-image {"width":"96px","height":"96px"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"className":"th-flex-1","layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group th-flex-1">
<!-- wp:post-title {"isLink":true,"fontSize":"normal"} /-->
<!-- wp:post-date {"textColor":"secondary","fontSize":"small"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-link-color has-small-font-size"><a href="#"><strong>Call to action link</strong></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" />
<figcaption class="wp-element-caption">Add optional caption. It is possible to use ads instead of image in the sidebar.</figcaption>
</figure>
<!-- /wp:image -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:categories {"style":{"spacing":{"padding":{"left":"var:preset|spacing|40"}}}} /-->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:list {"style":{"spacing":{"padding":{"left":"var:preset|spacing|40"}}}} -->
<ul style="padding-left:var(--wp--preset--spacing--40)">
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"fontSize":"small"} -->
<h2 class="has-small-font-size">Sidebar section title</h2>
<!-- /wp:heading -->
<!-- wp:tag-cloud {"smallestFontSize":"1em","largestFontSize":"1em"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Resources Page

prowp/pages-resources-1

Categories: pages

<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull">
<!-- wp:paragraph {"textColor":"secondary"} -->
<p class="has-secondary-color has-text-color">This pattern displays paragraph and grid with mixed layout.</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"wp-block-heading","fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size">Section title</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link. It is possible to duplicate or to remove items in the section.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"0.4em"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-bottom:0.4em"><a href="https://themesharbor.com/">Call to action link</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

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

Services Page

prowp/pages-services-1

Categories: services

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:post-title {"level":1,"textColor":"secondary","fontSize":"normal"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="line-height:1.4"><strong>Sub-title for the page, to share mission, slogan, etc</strong></p>
<!-- /wp:paragraph -->
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/1920x1080.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">The basic WordPress software is simple and predictable so you can easily get started. It also offers powerful features for growth and success.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a page header section, with main page title, sub-title, image, text, and additional content for the page.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0.5em"}}} -->
<div class="wp-block-column">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Sample text, which can be edited using the Block editor, to fit your needs.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0.5em"}}} -->
<div class="wp-block-column">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Select main Group block of the section and click Modify to make changes.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0.5em"}}} -->
<div class="wp-block-column">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">You can duplicate or remove items in the section  using the Block editor.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":25,"width":96,"height":96,"sizeSlug":"thumbnail","linkDestination":"none"} -->
<figure class="wp-block-image size-thumbnail is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25" width="96" height="96"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0.5em"}}} -->
<div class="wp-block-column">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">After making changes, select main Group block again and click Done.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a grid of items with image, title, and description. Also, the pattern displays a section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Use List View in the top toolbar of the Block editor to select main Group block of the section. Then, click Modify to make changes.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x426.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Once finished making changes, select main Group block again and click Done to lock the newly made changes for the section.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#">Learn more</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a grid of items with image, title, text and link. Also, the pattern displays a main section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Team Page

prowp/pages-team-1

Categories: team

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:post-title {"level":1,"textColor":"secondary","fontSize":"normal"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><strong>Additional sub-title with <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"><em>highlighted text</em></mark></strong></p>
<!-- /wp:paragraph -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"1.5em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:social-links {"iconBackgroundColor":"contrast","iconBackgroundColorValue":"#060606","showLabels":true,"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"className":"is-style-pill-shape"} -->
<ul class="wp-block-social-links has-small-icon-size has-visible-labels has-icon-background-color is-style-pill-shape">
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"1.5em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:social-links {"iconColor":"base","iconColorValue":"#f6f6f8","iconBackgroundColor":"contrast","iconBackgroundColorValue":"#060606","showLabels":true,"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"className":"is-style-pill-shape"} -->
<ul class="wp-block-social-links has-small-icon-size has-visible-labels has-icon-color has-icon-background-color is-style-pill-shape">
<!-- wp:social-link {"url":"#","service":"linkedin"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"1.5em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Use List View in the top toolbar of the Block editor to select main Group block of the section. Then, click Modify to make changes.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:social-links {"iconColor":"base","iconColorValue":"#f6f6f8","iconBackgroundColor":"contrast","iconBackgroundColorValue":"#060606","showLabels":true,"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"className":"is-style-pill-shape"} -->
<ul class="wp-block-social-links has-small-icon-size has-visible-labels has-icon-color has-icon-background-color is-style-pill-shape">
<!-- wp:social-link {"url":"https://wordpress.org/themes/prowp/","service":"wordpress"} /-->
<!-- wp:social-link {"url":"#","service":"dribbble"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a page header section, with main page title, sub-title text, and additional content for the page.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><strong>Additional sub-title with <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"><em>highlighted text</em></mark></strong>
</p>
<!-- /wp:paragraph -->
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.45em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:list {"textColor":"secondary","className":"is-style-th-inline-bordered","fontSize":"small"} -->
<ul class="is-style-th-inline-bordered has-secondary-color has-text-color has-small-font-size">
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size"><a href="#"><strong>Call to action</strong></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.45em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:list {"textColor":"secondary","className":"is-style-th-inline-bordered","fontSize":"small"} -->
<ul class="is-style-th-inline-bordered has-secondary-color has-text-color has-small-font-size">
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size"><a href="#"><strong>Call to action</strong></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.75em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.45em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:list {"textColor":"secondary","className":"is-style-th-inline-bordered","fontSize":"small"} -->
<ul class="is-style-th-inline-bordered has-secondary-color has-text-color has-small-font-size">
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size"><a href="#"><strong>Call to action</strong></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:paragraph -->
<p>This pattern displays a page header section, with main page title, sub-title text, and additional content for the page.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Portfolio Page #1

prowp/portfolio-layout-1

Categories: portfolio

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:pattern {"slug":"prowp/page-header-2"} /-->
<!-- wp:pattern {"slug":"prowp/columns-text-media-3"} /-->
<!-- wp:pattern {"slug":"prowp/columns-text-media-3"} /-->
</div>
<!-- /wp:group -->

Gallery Showcase

prowp/portfolio-section-1

Categories: portfolio

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false,"align":"wide"} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" /></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"small"} -->
<h3 class="wp-block-heading has-small-font-size"><a href="#">Section title</a></h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" /></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"small"} -->
<h3 class="wp-block-heading has-small-font-size"><a href="#">Section title</a></h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:columns {"isStackedOnMobile":false,"align":"wide"} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" /></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"small"} -->
<h3 class="wp-block-heading has-small-font-size"><a href="#">Section title</a></h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" /></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"fontSize":"small"} -->
<h3 class="wp-block-heading has-small-font-size"><a href="#">Section title</a></h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Triple Highlight Section

prowp/portfolio-section-2

Categories: portfolio

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt=""/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt=""/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">It is possible to duplicate or to remove items in the section using the Block editor. Also, change font sizes and colors if needed.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"sizeSlug":"full"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/640x960.webp" alt=""/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Use List View in the top toolbar of the Block editor to select main Group block of the section. Then, click Modify to make changes.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}},"textColor":"secondary","layout":{"type":"constrained","justifyContent":"left","contentSize":"30rem"}} -->
<div class="wp-block-group has-secondary-color has-text-color" style="padding-right:var(--wp--preset--spacing--60)">
<!-- wp:paragraph -->
<p>This pattern displays three (3) showcase sections with images, titles and descriptions. The pattern also displays a section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Recent Posts Section

prowp/posts-section-1

Categories: posts

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:query {"queryId":3,"query":{"perPage":"4","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
<div class="wp-block-query">
<!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"isLink":true,"fontSize":"medium"} /-->
<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"blockGap":"var:preset|spacing|20"}},"textColor":"secondary","layout":{"type":"flex","flexWrap":"wrap"},"fontSize":"small"} -->
<div class="wp-block-group has-secondary-color has-text-color has-link-color has-small-font-size">
<!-- wp:post-date {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"right":"var:preset|spacing|20"}}}} /-->
<!-- wp:post-terms {"term":"category"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|60"}},"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}},"textColor":"secondary","layout":{"type":"constrained","justifyContent":"left","contentSize":"30rem"}} -->
<div class="wp-block-group has-secondary-color has-text-color" style="padding-right:var(--wp--preset--spacing--60)">
<!-- wp:paragraph -->
<p>This pattern displays latest four (4) posts. Each post displays title, date and categories. The pattern also displays a section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Services Page #1

prowp/services-layout-1

Categories: services

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:pattern {"slug":"prowp/a-banner-section-1"} /-->

<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:pattern {"slug":"prowp/portfolio-section-2"} /-->

<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:pattern {"slug":"prowp/columns-grid-section-1"} /-->

<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:pattern {"slug":"prowp/testimonials-section-3"} /-->

<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:pattern {"slug":"prowp/posts-section-1"} /-->
</div>
<!-- /wp:group -->

Site Footer

prowp/site-footer-default

Categories: footer

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search website ...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"base","textColor":"contrast","fontSize":"normal"} /-->
<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:navigation {"overlayMenu":"never","align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"fontSize":"medium"} /-->
<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"fontSize":"small"} -->
<div class="wp-block-group alignwide has-small-font-size">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p>© 2022</p>
<!-- /wp:paragraph -->
<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"overlayMenu":"never"} /-->
</div>
<!-- /wp:group -->
<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#000000","size":"has-normal-icon-size","style":{"spacing":[]},"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"space-between"}} -->
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
<!-- wp:social-link {"url":"https://themesharbor.com/","service":"WordPress"} /-->
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Site Footer with Links

prowp/site-footer-links-oriented

Categories: footer

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:navigation {"overlayMenu":"never","align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"fontSize":"medium"} /-->
<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"fontSize":"small"} -->
<div class="wp-block-group alignwide has-small-font-size">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p>© 2022</p>
<!-- /wp:paragraph -->
<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"overlayMenu":"never"} /-->
</div>
<!-- /wp:group -->
<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#000000","size":"has-normal-icon-size","style":{"spacing":[]},"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"space-between"}} -->
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
<!-- wp:social-link {"url":"https://themesharbor.com/","service":"WordPress"} /-->
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Site Header

prowp/site-header-default

Categories: header

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"shouldSyncIcon":true} /-->
<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} /-->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"icon":"menu","fontSize":"normal"} /-->
</div>
<!-- /wp:group -->
<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
</div>
<!-- /wp:group -->

Site Header with Search & Link

prowp/site-header-search-oriented

Categories: header

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|60","bottom":"0","left":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-top:0;padding-right:var(--wp--preset--spacing--60);padding-bottom:0;padding-left:var(--wp--preset--spacing--60)">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:site-logo /-->
<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","fontSize":"normal"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size"><a href="https://blocks.wp-a2z.org/">Go back to home page</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:separator {"align":"wide","backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
</div>
<!-- /wp:group -->

Team Page #1

prowp/team-layout-1

Categories: team

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:pattern {"slug":"prowp/page-header-1"} /-->
<!-- wp:pattern {"slug":"prowp/gallery-section-4"} /-->
</div>
<!-- /wp:group -->

Team Page #2

prowp/team-layout-2

Categories: team

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:pattern {"slug":"prowp/page-header-2"} /-->
<!-- wp:pattern {"slug":"prowp/columns-text-media-3"} /-->
</div>
<!-- /wp:group -->

Quote & Image Display

prowp/testimonials-section-1

Categories: testimonials

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:quote {"className":"is-style-plain"} -->
<blockquote class="wp-block-quote is-style-plain">
<!-- wp:paragraph -->
<p>WordPress is software designed for everyone, emphasizing accessibility, performance, security, and ease of use. We believe great software should work with minimum set up, so you can focus on sharing your story, product, or services freely.</p>
<!-- /wp:paragraph -->
</blockquote>
<!-- /wp:quote -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"64px"} -->
<div class="wp-block-column" style="flex-basis:64px">
<!-- wp:image {"id":25,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/96x96.webp" alt="" class="wp-image-25"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"100%","style":{"spacing":{"blockGap":"0.25em"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:100%">
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size"><strong>Themes Harbor</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">WordPress Developer</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Visual Quote Trio

prowp/testimonials-section-2

Categories: testimonials

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)">
<!-- wp:columns {"align":"wide","style":{"spacing":[]}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-white-background-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:image {"align":"center","width":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/160x160.webp" alt="" width="120" /></figure>
<!-- /wp:image -->
<!-- wp:quote {"align":"center","className":"is-style-default"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-default">
<!-- wp:paragraph -->
<p>"The WordPress community is welcoming and inclusive. Contributors passion drives the success of WordPress which, in turn, helps to reach goals."</p>
<!-- /wp:paragraph -->
<cite>Jane Smith</cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-white-background-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:image {"align":"center","width":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/160x160.webp" alt="" width="120" /></figure>
<!-- /wp:image -->
<!-- wp:quote {"align":"center","className":"is-style-default"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-default">
<!-- wp:paragraph -->
<p>"WordPress is simple and predictable so you can easily get started. This basic software also offers powerful features for growth and success."</p>
<!-- /wp:paragraph -->
<cite>Tom Doe</cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"width":"1px"}},"borderColor":"tertiary","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-tertiary-border-color has-white-background-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:image {"align":"center","width":113,"height":120,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/160x160.webp" alt="" width="113" height="120" /></figure>
<!-- /wp:image -->
<!-- wp:quote {"align":"center","className":"is-style-default"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-default">
<!-- wp:paragraph -->
<p>"It also offers powerful features for growth and success. The basic WordPress software is simple and predictable so you can easily get started."</p>
<!-- /wp:paragraph -->
<cite>Kate Passion</cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Powerful Quotes Trio

prowp/testimonials-section-3

Categories: testimonials

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:heading {"textColor":"secondary","fontSize":"normal"} -->
<h2 class="has-secondary-color has-text-color has-normal-font-size">Section main title</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:columns {"style":{"spacing":[]}} -->
<div class="wp-block-columns">
<!-- wp:column {"width":"160px"} -->
<div class="wp-block-column" style="flex-basis:160px">
<!-- wp:image {"width":160,"height":160,"sizeSlug":"large","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-resized is-style-default"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/160x160.webp" alt="" width="160" height="160"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":""} -->
<div class="wp-block-column">
<!-- wp:quote {"align":"left","className":"th-flex-1 is-style-plain"} -->
<blockquote class="wp-block-quote has-text-align-left th-flex-1 is-style-plain">
<!-- wp:paragraph -->
<p>"WordPress is software designed for everyone, emphasizing accessibility, performance, security, and ease of use. We believe great software should work with minimum set up, so you can focus on sharing your story, product, or services freely."</p>
<!-- /wp:paragraph --><cite><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">Jane Smith</mark></cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":[]}} -->
<div class="wp-block-columns">
<!-- wp:column {"width":"160px"} -->
<div class="wp-block-column" style="flex-basis:160px">
<!-- wp:image {"width":160,"height":160,"sizeSlug":"large","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-resized is-style-default"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/160x160.webp" alt="" width="160" height="160"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":""} -->
<div class="wp-block-column">
<!-- wp:quote {"align":"left","className":"th-flex-1 is-style-plain"} -->
<blockquote class="wp-block-quote has-text-align-left th-flex-1 is-style-plain">
<!-- wp:paragraph -->
<p>"The basic WordPress software is simple and predictable so you can easily get started. It also offers powerful features for growth and success."</p>
<!-- /wp:paragraph --><cite><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">Tom Doe</mark></cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":[]}} -->
<div class="wp-block-columns">
<!-- wp:column {"width":"160px"} -->
<div class="wp-block-column" style="flex-basis:160px">
<!-- wp:image {"width":160,"height":160,"sizeSlug":"large","className":"is-style-default"} -->
<figure class="wp-block-image size-large is-resized is-style-default"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/160x160.webp" alt="" width="160" height="160"/></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":""} -->
<div class="wp-block-column">
<!-- wp:quote {"align":"left","className":"th-flex-1 is-style-plain"} -->
<blockquote class="wp-block-quote has-text-align-left th-flex-1 is-style-plain">
<!-- wp:paragraph -->
<p>"The WordPress community is welcoming and inclusive. Our contributors passion drives the success of WordPress which, in turn, helps you reach your goals.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>WordPress is open source software that is both free and priceless."</p>
<!-- /wp:paragraph --><cite><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">Kate Passion</mark></cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%","style":{"border":{"left":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"left":"var:preset|spacing|60"}}},"fontSize":"small"} -->
<div class="wp-block-column has-small-font-size" style="border-left-color:var(--wp--preset--color--tertiary);border-left-width:1px;padding-left:var(--wp--preset--spacing--60);flex-basis:25%">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60"}}},"textColor":"secondary","layout":{"type":"constrained","justifyContent":"left","contentSize":"30rem"}} -->
<div class="wp-block-group has-secondary-color has-text-color" style="padding-right:var(--wp--preset--spacing--60)">
<!-- wp:paragraph -->
<p>This pattern displays list of three (3) quotes with images and captions. The pattern also displays a section title and description.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Short Biography

prowp/text-bio-1

Categories: text

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"1.5em"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Short sub-title text</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:social-links {"iconBackgroundColor":"contrast","iconBackgroundColorValue":"#060606","showLabels":true,"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"className":"is-style-pill-shape"} -->
<ul class="wp-block-social-links has-small-icon-size has-visible-labels has-icon-background-color is-style-pill-shape">
<!-- wp:social-link {"url":"https://twitter.com/themesharbor?lang=en","service":"twitter"} /-->
<!-- wp:social-link {"url":"https://www.instagram.com/themesharbor/?hl=en","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Multi-Content Section with CTA

prowp/text-columns-1

Categories: text

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.8em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"normal"} -->
<h3 class="has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Sample text, which can be edited using the Block editor, to fit your needs. The title can be edited as well, with an option to add a link.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:list {"textColor":"secondary","className":"is-style-th-inline-bordered","fontSize":"small"} -->
<ul class="is-style-th-inline-bordered has-secondary-color has-text-color has-small-font-size">
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>List item</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size"><a href="#"><strong>Call to action</strong></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Introduction with Media List

prowp/text-list-1

Categories: text

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p><strong>Example of bold text.</strong> This is a pre-made pattern layout that displays Paragraph block with text as introduction. Below, the pattern displays list with Columns with text and media.</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":[]}} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","padding":{"right":"2vw"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="padding-right:2vw">
<!-- wp:heading {"level":3,"className":"wp-block-heading","fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"normal"} -->
<p class="has-secondary-color has-text-color has-normal-font-size">This is example of section description text. The text has custom color, which can be changed in Color settings in Settings Sidebar.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":[]}} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","padding":{"right":"1.5vw"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="padding-right:1.5vw">
<!-- wp:heading {"level":3,"className":"wp-block-heading","fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"normal"} -->
<p class="has-secondary-color has-text-color has-normal-font-size">Use editor options to customize content of this pattern by Themes Harbor. WordPress provides many options by default.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":[]}} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column {"width":"96px"} -->
<div class="wp-block-column" style="flex-basis:96px">
<!-- wp:image {"id":1533,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://blocks.wp-a2z.org/wp-content/themes/prowp/assets/img/patterns/300x300.webp" alt="" class="wp-image-1533" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","padding":{"right":"1.5vw"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="padding-right:1.5vw">
<!-- wp:heading {"level":3,"className":"wp-block-heading","fontSize":"normal"} -->
<h3 class="wp-block-heading has-normal-font-size">Section title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"secondary","fontSize":"normal"} -->
<p class="has-secondary-color has-text-color has-normal-font-size">The title can be edited as well, with an option to add a link. It is possible to duplicate or to remove items in the section.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

Published:

Last updated:

October 25, 2023

Information

Letters: