<?php
/**
 *
 * Title: sidebar
 * Slug: fullsite-patterner/sidebar
 * Categories: fullsite-patterner/menu
 * Block types: core/pattern
 *
 * @package    WordPress
 * @subpackage FullSite-Patterner
 */

?>
<!-- wp:group {"lock":{"move":true,"remove":true},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">CONCEPT</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-large featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/01.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">DOWNLOAD</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-large featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/02.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">INSTALL</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-large featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/03.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">HOW TO USE</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-large featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/04.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">PATTERN</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-large featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/05.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">PLUGIN</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-large featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/06.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">SEO PLUGIN</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-large featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/07.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":3,"className":"dt"} -->
<h3 class="has-text-align-center dt">Q&A</h3>
<!-- /wp:heading -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"custom","className":"featuresimg"} -->
<figure class="wp-block-image size-full featuresimg"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/08.jpg' ); ?>" alt=""></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group --></div>
<!-- /wp:group -->
