Feature

Now paste(CTRL +V) the content into a Custom HTML block and then click “Convert to Blocks”

Best with:‎

Block Theme

<!-- wp:paragraph {"align":"center","fontSize":"xx-large"} -->
<p class="has-text-align-center has-xx-large-font-size">How our app works</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|40"},"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">Introduction to the App</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size">Welcome to [App Name], your ultimate solution for [brief description of the app's main purpose, e.g., managing your finances, tracking your fitness, organizing your tasks, etc.].</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lorem Ipsum.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":126,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://clinquant-maamoul-917ef2.netlify.app/wp-content/uploads/2024/06/image.png" alt="" class="wp-image-126" style="object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"top":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;flex-basis:100%"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">Creating an Account/Logging In</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size">To get started, create a new account or log in if you already have one. Simply enter your email address and create a password. You can also sign in using your Google or Facebook account.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":127,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://clinquant-maamoul-917ef2.netlify.app/wp-content/uploads/2024/06/image-1.png" alt="" class="wp-image-127"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">Navigating the Dashboard</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size">Once you're logged in, you'll land on the dashboard. Here, you can access all the main features of the app. The dashboard provides an overview of [key information the app provides, e.g., your latest transactions, your daily step count, your upcoming tasks, etc.].</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":128,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://clinquant-maamoul-917ef2.netlify.app/wp-content/uploads/2024/06/image-2.png" alt="" class="wp-image-128"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->