<?php
/**
 * Title: Trending items
 * Slug: blogsy/trending-items
 * Categories: blogsy
 * Description: Trending items with icon, title and link to desired content.
 * Keywords: trending, blogsy
 *
 * @package Blogsy
 */

?>

<!-- wp:group {"metadata":{"categories":["blogsy"],"patternName":"blogsy/trending-items","name":"Trending items"},"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"},"margin":{"top":"0rem","bottom":"0rem"},"blockGap":"1.8rem"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignfull" style="margin-top:0rem;margin-bottom:0rem;padding-top:4rem;padding-bottom:4rem"><!-- wp:heading {"textAlign":"center","level":4,"className":"is-style-core-style-1","style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|body-color"}}}},"textColor":"body-color"} -->
<h4 class="wp-block-heading has-text-align-center is-style-core-style-1 has-body-color-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><?php echo esc_html__( 'Technologies', 'blogsy' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"1024px"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"align":"wide","style":{"border":{"radius":"12px","width":"1px"},"spacing":{"padding":{"top":"1.6rem","bottom":"1.6rem","left":"2.8rem","right":"2.8rem"}},"shadow":"var:preset|shadow|subtle"},"backgroundColor":"card-bg","borderColor":"border-color","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide has-border-color has-border-color-border-color has-card-bg-background-color has-background" style="border-width:1px;border-radius:12px;padding-top:1.6rem;padding-right:2.8rem;padding-bottom:1.6rem;padding-left:2.8rem;box-shadow:var(--wp--preset--shadow--subtle)"><!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"blockGap":"30px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"aos-fade-right","style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-group aos-fade-right"><!-- wp:group {"style":{"spacing":{"padding":{"top":"6px","bottom":"6px","left":"6px","right":"6px"}},"border":{"radius":"16px"},"color":{"background":"#f2d8c5"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:16px;background-color:#f2d8c5;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px"><!-- wp:image {"id":27889,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( BLOGSY_THEME_URI . '/assets/images/patterns/icon-html.webp' ); ?>" alt="" class="wp-image-27889" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p style="margin-bottom:0px;line-height:1.2"><strong><?php echo esc_html_x( 'HTML', 'example of technologies', 'blogsy' ); ?> 5</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"aos-fade-right aos-delay-100","style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-group aos-fade-right aos-delay-100"><!-- wp:group {"style":{"spacing":{"padding":{"top":"6px","bottom":"6px","left":"6px","right":"6px"}},"border":{"radius":"16px"},"dimensions":{"minHeight":""},"color":{"background":"#dae4f2"}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group has-background" style="border-radius:16px;background-color:#dae4f2;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px"><!-- wp:image {"id":27887,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( BLOGSY_THEME_URI . '/assets/images/patterns/icon-css.webp' ); ?>" alt="" class="wp-image-27887" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p style="margin-bottom:0px;line-height:1.2"><strong><?php echo esc_html_x( 'CSS3', 'example of technologies', 'blogsy' ); ?></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"aos-fade-right aos-delay-200","style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-group aos-fade-right aos-delay-200"><!-- wp:group {"style":{"spacing":{"padding":{"top":"6px","bottom":"6px","left":"6px","right":"6px"}},"border":{"radius":"16px"},"color":{"background":"#f1ecd9"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:16px;background-color:#f1ecd9;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px"><!-- wp:image {"id":27890,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( BLOGSY_THEME_URI . '/assets/images/patterns/icon-js.webp' ); ?>" alt="" class="wp-image-27890" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p style="margin-bottom:0px;line-height:1.2"><strong><?php echo esc_html_x( 'JavaScript', 'example of technologies', 'blogsy' ); ?></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"aos-fade-right aos-delay-400","style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-group aos-fade-right aos-delay-400"><!-- wp:group {"style":{"spacing":{"padding":{"top":"6px","bottom":"6px","left":"6px","right":"6px"}},"border":{"radius":"16px"},"color":{"background":"#e4e4e4"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:16px;background-color:#e4e4e4;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px"><!-- wp:image {"id":27891,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( BLOGSY_THEME_URI . '/assets/images/patterns/icon-react.webp' ); ?>" alt="" class="wp-image-27891" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p style="margin-bottom:0px;line-height:1.2"><strong><?php echo esc_html_x( 'ReacJS', 'example of technologies', 'blogsy' ); ?></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"aos-fade-right aos-delay-500","style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-group aos-fade-right aos-delay-500"><!-- wp:group {"style":{"spacing":{"padding":{"top":"6px","bottom":"6px","left":"6px","right":"6px"}},"border":{"radius":"16px"},"color":{"background":"#d1e8f3"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:16px;background-color:#d1e8f3;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px"><!-- wp:image {"id":27892,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( BLOGSY_THEME_URI . '/assets/images/patterns/icon-wp.webp' ); ?>" alt="" class="wp-image-27892" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p style="margin-bottom:0px;line-height:1.2"><strong><?php echo esc_html_x( 'WordPress', 'example of technologies', 'blogsy' ); ?></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"aos-fade-right aos-delay-600","style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-group aos-fade-right aos-delay-600"><!-- wp:group {"style":{"spacing":{"padding":{"top":"6px","bottom":"6px","left":"6px","right":"6px"}},"border":{"radius":"16px"},"color":{"background":"#e4e4e4"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:16px;background-color:#e4e4e4;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px"><!-- wp:image {"id":27888,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( BLOGSY_THEME_URI . '/assets/images/patterns/icon-guten.webp' ); ?>" alt="" class="wp-image-27888" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p style="margin-bottom:0px;line-height:1.2"><strong><?php echo esc_html_x( 'Gutenberg', 'example of technologies', 'blogsy' ); ?></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"blogsy-hide-mobile aos-fadein-right aos-delay-700","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group blogsy-hide-mobile aos-fadein-right aos-delay-700"><!-- wp:paragraph {"className":"blogsy-hide-mobile-tablet","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<p class="blogsy-hide-mobile-tablet" style="margin-top:0px;margin-bottom:0px"><strong>Or...</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"blogsy-hide-mobile"} -->
<div class="wp-block-buttons blogsy-hide-mobile"><!-- wp:button {"backgroundColor":"accent","className":"is-style-fill is-btn-arrow","style":{"border":{"radius":"5px"}}} -->
<div class="wp-block-button is-style-fill is-btn-arrow"><a class="wp-block-button__link has-accent-background-color has-background wp-element-button" style="border-radius:5px"><?php echo esc_html_x( 'Explore All', 'pattern button label', 'blogsy' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
