<?php
/**
 * Title: Island About Page Left Image Right Text
 * Slug: variations/island-about-page-lirt
 * Description: Add a About Page Left Image Right Text section
 * Categories: featured
 * Keywords: image, text
 */

?>
<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"6.51rem","bottom":"5.5rem","left":"1rem","right":"1rem"},"margin":{"top":"0px"}},"color":{"text":"#03081e"},"typography":{"fontSize":"1.13rem","fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"}},"layout":{"type":"constrained","contentSize":"1140px"}} -->
<section class="wp-block-group alignfull has-text-color" style="color:#03081e;margin-top:0px;padding-top:6.51rem;padding-right:1rem;padding-bottom:5.5rem;padding-left:1rem;font-size:1.13rem;font-style:normal;font-weight:400;line-height:1.4"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"4rem","left":"0rem"},"margin":{"bottom":"0px"}}}} -->
<div class="wp-block-columns" style="margin-bottom:0px"><!-- wp:column {"width":"45%","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-column" style="flex-basis:45%"><!-- wp:image {"align":"center","id":2328,"width":"446px","sizeSlug":"full","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/island/island-image6.png" alt="" class="wp-image-2328" style="width:446px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","layout":{"type":"default"}} -->
<div class="wp-block-column"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"0.51rem"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"left","flexWrap":"wrap"}} -->
<div class="wp-block-group" style="min-height:100%"><!-- wp:group {"layout":{"type":"constrained","contentSize":"80%","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":3,"style":{"color":{"text":"#07277c"},"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.3","letterSpacing":"0px","fontSize":"2.61rem"},"spacing":{"margin":{"bottom":"1.01rem","top":"0.5rem"}}},"fontFamily":"prata-regular"} -->
<h3 class="wp-block-heading has-text-align-left has-text-color has-prata-regular-font-family" style="color:#07277c;margin-top:0.5rem;margin-bottom:1.01rem;font-size:2.61rem;font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3"><?php printf( esc_html__( '%s', 'variations' ), __( 'Our Story', 'variations' ) ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#03081e"},"typography":{"fontSize":"1.21rem","fontStyle":"normal","fontWeight":"400","lineHeight":"1.6"},"spacing":{"margin":{"top":"0rem"}}},"fontFamily":"work-sans-regular"} -->
<p class="has-text-align-left has-text-color has-work-sans-regular-font-family" style="color:#03081e;margin-top:0rem;font-size:1.21rem;font-style:normal;font-weight:400;line-height:1.6"><?php printf( esc_html__( '%s', 'variations' ), __( 'Hello, my name is Tyler Moore and with the help of many people I made this template. I made it so it is super easy to update so that it flows perfectly with my tutorials. Lots of love and hundreds of hours went into making it. I hope you love it as much as I do.', 'variations' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#03081e"},"typography":{"fontSize":"1.21rem","fontStyle":"normal","fontWeight":"400","lineHeight":"1.6"},"spacing":{"margin":{"top":"2rem"}}},"fontFamily":"work-sans-regular"} -->
<p class="has-text-align-left has-text-color has-work-sans-regular-font-family" style="color:#03081e;margin-top:2rem;font-size:1.21rem;font-style:normal;font-weight:400;line-height:1.6"><?php printf( esc_html__( '%s', 'variations' ), __( 'I wish you the best of luck with your business, enjoy the adventure.', 'variations' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group -->