<?php
/**
 * Title: Info Items
 * Slug: blogsy/info-items
 * Categories: blogsy
 * Description: Info items with icon image, title, text and link to desired content.
 * Keywords: info, blogsy
 *
 * @package Blogsy
 */

?>

<!-- wp:group {"metadata":{"name":"Info Items","categories":["blogsy"],"patternName":"blogsy/info-items"},"align":"full","style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem","left":"1.5rem","right":"1.5rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:2rem;padding-right:1.5rem;padding-bottom:2rem;padding-left:1.5rem"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem","left":"4rem","right":"4rem"}},"shadow":"var:preset|shadow|standard","border":{"radius":"16px"}},"backgroundColor":"card-bg","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-card-bg-background-color has-background" style="border-radius:16px;padding-top:4rem;padding-right:4rem;padding-bottom:4rem;padding-left:4rem;box-shadow:var(--wp--preset--shadow--standard)"><!-- wp:image {"id":485,"width":"40px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url_raw( BLOGSY_THEME_URI . '/assets/images/patterns/info-icon-01.webp' ); ?>" alt="" class="wp-image-485" style="width:40px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4,"style":{"spacing":{"margin":{"top":"28px","bottom":"8px"}}}} -->
<h4 class="wp-block-heading" style="margin-top:28px;margin-bottom:8px"><?php echo esc_html_x( 'Innovative Excellence', 'pattern info box title', 'blogsy' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.', 'pattern info box dummy text', 'blogsy' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem","left":"4rem","right":"4rem"}},"shadow":"var:preset|shadow|standard","border":{"radius":"16px"}},"backgroundColor":"card-bg","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-card-bg-background-color has-background" style="border-radius:16px;padding-top:4rem;padding-right:4rem;padding-bottom:4rem;padding-left:4rem;box-shadow:var(--wp--preset--shadow--standard)"><!-- wp:image {"id":486,"width":"40px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url_raw( BLOGSY_THEME_URI . '/assets/images/patterns/info-icon-02.webp' ); ?>" alt="" class="wp-image-486" style="width:40px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4,"style":{"spacing":{"margin":{"top":"28px","bottom":"8px"}}}} -->
<h4 class="wp-block-heading" style="margin-top:28px;margin-bottom:8px"><?php echo esc_html_x( 'Community Focus', 'pattern info box title', 'blogsy' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.', 'pattern info box dummy text', 'blogsy' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem","left":"4rem","right":"4rem"}},"shadow":"var:preset|shadow|standard","border":{"radius":"16px"}},"backgroundColor":"card-bg","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-card-bg-background-color has-background" style="border-radius:16px;padding-top:4rem;padding-right:4rem;padding-bottom:4rem;padding-left:4rem;box-shadow:var(--wp--preset--shadow--standard)"><!-- wp:image {"id":487,"width":"40px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url_raw( BLOGSY_THEME_URI . '/assets/images/patterns/info-icon-03.webp' ); ?>" alt="" class="wp-image-487" style="width:40px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4,"style":{"spacing":{"margin":{"top":"28px","bottom":"8px"}}}} -->
<h4 class="wp-block-heading" style="margin-top:28px;margin-bottom:8px"><?php echo esc_html_x( 'Agile & Adaptive', 'pattern info box title', 'blogsy' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.', 'pattern info box dummy text', 'blogsy' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
