<!-- wp:html -->
<style>
/* this block is here so it is easier for me to distribute my css to your wordpress installation.
This is not good practice. You should create a new Page Template and add your CCS there. */

BODY {
  color: yellow;
  background-color: black;
}

a , a:visited{
  color: yellow;
}

</style>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center" id="top">[ETSWP_get_input name='ETSWP_first_name'], your question is: [ETSWP_get_input name='ETSWP_question']</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Mutual goals</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter"><a href="#Mutual-goals"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Mutual goals"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Their qualities</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#Their-qualities"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Their
qualities"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Connection</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#Connection"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Connection"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Your qualities</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#Your-qualities"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Your
qualities"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">What they bring</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#What-they-bring"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="What they bring"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Common base</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#Common-base"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Common base"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">What you bring</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#What-you-bring"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="What you
bring"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="Mutual-goals" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Mutual goals</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='1' column='itemimage']" alt="Mutual goals"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='1' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='1' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"radius":"5px","width":"1px"}},"layout":{"type":"constrained"}} -->
<div id="Their-qualities" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Their qualities</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='2' column='itemimage']" alt="Their qualities"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='2' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='2' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="Connection" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Connection</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='3' column='itemimage']" alt="Connection"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='3' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='3' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="Your-qualities" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Your qualities</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='4' column='itemimage']" alt="Your qualities"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='4' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='4' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="What-they-bring" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">What they bring</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='5' column='itemimage']" alt="What they bring"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='5' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='5' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="Common-base" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Common base</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='6' column='itemimage']" alt="Common base"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='6' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='6' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="What-you-bring" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">What you<br>bring</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='7' column='itemimage']" alt="What you
bring"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='7' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='7' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->