<?php
 /**
  * Title: Cards with Action
  * Slug: prime-fse/cards-with-action
  * Categories: prime-fse
  */
?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"130px","right":"30px","bottom":"130px","left":"30px"}}},"backgroundColor":"color-6","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-color-6-background-color has-background" style="padding-top:130px;padding-right:30px;padding-bottom:130px;padding-left:30px"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|normal","bottom":"var:preset|spacing|large","left":"var:preset|spacing|normal"},"blockGap":"20px"},"border":{"radius":"6px"}},"backgroundColor":"color-9","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-color-9-background-color has-background" style="border-radius:6px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--normal);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--normal)"><!-- wp:image {"align":"center","width":"auto","height":"135px","sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-thumbnail is-resized is-style-rounded"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image-1.jpg' ) ); ?>" alt="" style="width:auto;height:135px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">Dashboard</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Praesent mollis tincidunt pretium. Aliquam vulputate dapibus elit. Nullam vitae ornare ante.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">Explore</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|large","right":"var:preset|spacing|normal","bottom":"var:preset|spacing|large","left":"var:preset|spacing|normal"},"blockGap":"20px"},"border":{"radius":"6px"}},"backgroundColor":"color-9","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-color-9-background-color has-background" style="border-radius:6px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--normal);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--normal)"><!-- wp:image {"align":"center","width":"auto","height":"135px","sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-thumbnail is-resized is-style-rounded"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image-2.jpg' ) ); ?>" alt="" style="width:auto;height:135px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">Build With Blocks</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Praesent mollis tincidunt pretium. Aliquam vulputate dapibus elit. Nullam vitae ornare ante.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">Explore</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|large","right":"var:preset|spacing|normal","bottom":"var:preset|spacing|large","left":"var:preset|spacing|normal"},"blockGap":"20px"},"border":{"radius":"6px"}},"backgroundColor":"color-9","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-color-9-background-color has-background" style="border-radius:6px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--normal);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--normal)"><!-- wp:image {"align":"center","width":"auto","height":"135px","sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-thumbnail is-resized is-style-rounded"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image-3.jpg' ) ); ?>" alt="" style="width:auto;height:135px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">Setup Wizard</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Praesent mollis tincidunt pretium. Aliquam vulputate dapibus elit. Nullam vitae ornare ante.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">Explore</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->