<?php
 /**
  * Title: Features With Icon
  * Slug: visualbusiness/features-with-icon
  * Categories: visualbusiness
  */
?>

<!-- wp:group {"style":{"spacing":{"padding":{"top":"3rem","bottom":"3rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:3rem;padding-bottom:3rem"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","contentSize":"","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"vivid-green-cyan"} -->
<p class="has-text-align-center has-vivid-green-cyan-color has-text-color">Introducing.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"large"} -->
<h2 class="wp-block-heading has-text-align-center has-large-font-size" style="font-style:normal;font-weight:400">We Create An Amazing Experience <br>For Your Online Business.</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"3rem","bottom":"0"}}},"className":"features-list"} -->
<div class="wp-block-columns features-list" style="margin-top:3rem;margin-bottom:0"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":704,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/icon-database.png" alt="" class="wp-image-704" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"big"} -->
<h2 class="wp-block-heading has-big-font-size" style="font-style:normal;font-weight:400">Premium Features</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#666666">Donec varius ornare pharetra. Phasellus barius elit ut vesti bulum viverra. Donec quis purus eu elit.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":707,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/icon-file-alt.png" alt="" class="wp-image-707" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"big"} -->
<h2 class="wp-block-heading has-big-font-size" style="font-style:normal;font-weight:400">Easy To Use</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#777777">Lorem ipsum dolor sit amet, consectetur uvite adipiscing elit. Nam sagittis ultricies acumin.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":703,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/icon-book.png" alt="" class="wp-image-703" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"big"} -->
<h2 class="wp-block-heading has-big-font-size" style="font-style:normal;font-weight:400">Customer Friendly</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#666666">Nam in lacinia elit. Ut iaculis faucibus lacus, eget ornare dolor. Integer ligula ex uitae dolor feugiat.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":705,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/icon-globe.png" alt="" class="wp-image-705" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"big"} -->
<h2 class="wp-block-heading has-big-font-size" style="font-style:normal;font-weight:400">Grow Your Business</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#666666">In hac habitasse platea dictumst dapibus eros ac leo blandit, ligula sit amet posuere turpis acumin.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->