Three Column: How It Works Panel

three-column-how-it-works.html

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center"><strong>How Does It Work?</strong></h2>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:image {"align":"center","id":14,"sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-thumbnail"><img src="https://d90bdff9dc.nxcli.net/wp-content/uploads/2021/06/xps-bXfQLglc81U-unsplash-150x150.jpg" alt="" class="wp-image-14"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center"><strong>Step 1</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Sign in &amp; create your own account.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:image {"align":"center","id":15,"sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-thumbnail"><img src="https://d90bdff9dc.nxcli.net/wp-content/uploads/2021/06/luca-bravo-XJXWbfSo2f0-unsplash-150x150.jpg" alt="" class="wp-image-15"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center"><strong>Step 2</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Select the template that you prefer.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:image {"align":"center","id":16,"sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-thumbnail"><img src="https://d90bdff9dc.nxcli.net/wp-content/uploads/2021/06/sara-kurfess-6lcT2kRPvnI-unsplash-150x150.jpg" alt="" class="wp-image-16"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center"><strong>Step 3</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Press "build" and generate an app.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->