Photographer Block Pattern

photogrpaher.html

<!-- wp:generateblocks/container {"uniqueId":"13077246","paddingTop":"5","paddingRight":"1","paddingBottom":"5","paddingLeft":"1","paddingUnit":"em","paddingTopMobile":"4","paddingBottomMobile":"4","align":"full","isDynamic":true} -->
<!-- wp:generateblocks/grid {"uniqueId":"4712b8b7","columns":2,"isDynamic":true} -->
<!-- wp:generateblocks/container {"uniqueId":"9bbeb918","isGrid":true,"gridId":"4712b8b7","width":60,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"0f6cb998","paddingUnit":"em"} -->
<h2 class="gb-headline gb-headline-0f6cb998 gb-headline-text">My name is Jane Doe. I'm a photographer currently working at Saatchi shooting awesome pictures. </h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pellentesque, nibh at efficitur scelerisque, lorem velit posuere mi, vel sagittis libero massa id magna.&nbsp;Morbi dictum, est vitae.</p>
<!-- /wp:paragraph -->

<!-- wp:generateblocks/button-container {"uniqueId":"c93fccdc","isDynamic":true} -->
<!-- wp:generateblocks/button {"uniqueId":"1b9a0eec","hasUrl":true,"hasIcon":true,"iconLocation":"right","backgroundColor":"","textColor":"#000000","backgroundColorHover":"","textColorHover":"","borderColor":"#000000","showAdvancedTypography":true,"paddingTop":"14","paddingRight":"22","paddingBottom":"14","paddingLeft":"0","borderRadiusTopRight":"0","borderRadiusBottomRight":"0","borderRadiusBottomLeft":"0","borderRadiusTopLeft":"0","iconPaddingRight":"","iconPaddingLeft":".4","htmlAttributes":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"useTransform":true,"transforms":[{"type":"translate","state":"hover","target":"self","translateX":10}]} -->
<a class="gb-button gb-button-1b9a0eec" href="#"><span class="gb-button-text">More about me</span><span class="gb-icon"><svg aria-hidden="true" data-prefix="fas" data-icon="long-arrow-alt-right" class="svg-inline--fa fa-long-arrow-alt-right fa-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/button-container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"6dca7981","isGrid":true,"gridId":"4712b8b7","width":40,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} /-->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"2b0d9b8b","paddingTop":"6","paddingRight":"1","paddingBottom":"6","paddingLeft":"1","paddingUnit":"em","backgroundColor":"#f5f5f5","align":"full","isDynamic":true} -->
<!-- wp:generateblocks/grid {"uniqueId":"8a3f3cfc","columns":2,"horizontalGap":60,"verticalGap":50,"isDynamic":true} -->
<!-- wp:generateblocks/container {"uniqueId":"3bb2dfd4","isGrid":true,"gridId":"cf701691","width":33.33,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"9fd36734"} -->
<h2 class="gb-headline gb-headline-9fd36734 gb-headline-text">Impressum</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pellentesque, nibh at efficitur scelerisque, lorem velit posuere mi, vel sagittis libero massa id magna. </p>
<!-- /wp:paragraph -->

<!-- wp:generateblocks/button-container {"uniqueId":"e2e9cadc","isDynamic":true} -->
<!-- wp:generateblocks/button {"uniqueId":"9cac446c","hasUrl":true,"hasIcon":true,"iconLocation":"right","backgroundColor":"","textColor":"#000000","backgroundColorHover":"","textColorHover":"","borderColor":"#000000","showAdvancedTypography":true,"paddingTop":"14","paddingRight":"22","paddingBottom":"14","paddingLeft":"0","borderRadiusTopRight":"0","borderRadiusBottomRight":"0","borderRadiusBottomLeft":"0","borderRadiusTopLeft":"0","iconPaddingRight":"","iconPaddingLeft":".4","htmlAttributes":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"useTransform":true,"transforms":[{"type":"translate","state":"hover","target":"self","translateX":10}]} -->
<a class="gb-button gb-button-9cac446c" href="#"><span class="gb-button-text">See More Work</span><span class="gb-icon"><svg aria-hidden="true" data-prefix="fas" data-icon="long-arrow-alt-right" class="svg-inline--fa fa-long-arrow-alt-right fa-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/button-container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"9f4aa7d1","isGrid":true,"gridId":"cf701691","width":66.66,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:gallery {"ids":[null,null,null,null],"linkTo":"none"} -->
<figure class="wp-block-gallery columns-3 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="https://picsum.photos/id/309/600?grayscale" alt="" data-full-url="http://generatepress-3:8888/wp-content/uploads/2020/11/generator-68.jpg" data-link="http://generatepress-3:8888/generator-68/"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://picsum.photos/id/301/600?grayscale" alt="" data-full-url="http://generatepress-3:8888/wp-content/uploads/2020/11/section-bg.jpg" data-link="http://generatepress-3:8888/section-bg/"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://picsum.photos/id/287/600?grayscale" alt="" data-full-url="http://generatepress-3:8888/wp-content/uploads/2020/11/image-10.jpg" data-link="http://generatepress-3:8888/image-10/"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://picsum.photos/id/28/600?grayscale" alt="" data-full-url="http://generatepress-3:8888/wp-content/uploads/2020/09/photo-1481886756534-97af88ccb438.jpg" data-link="http://generatepress-3:8888/photo-1481886756534-97af88ccb438/"/></figure></li></ul></figure>
<!-- /wp:gallery -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"67b96ed2","paddingTop":"6","paddingRight":"1","paddingBottom":"6","paddingLeft":"1","paddingUnit":"em","marginTop":"0","marginRight":"0","marginBottom":"0","marginLeft":"0","marginUnit":"%","bgOptions":{"selector":"pseudo-element","opacity":0.3,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":"fixed"},"align":"full","isDynamic":true} -->
<!-- wp:generateblocks/grid {"uniqueId":"b061df41","columns":2,"horizontalGap":50,"verticalAlignment":"center","isDynamic":true} -->
<!-- wp:generateblocks/container {"uniqueId":"fe65aac4","isGrid":true,"gridId":"5a3824dd","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"88fd1bf3","element":"h3","showAdvancedTypography":true,"fontWeight":"bold","fontSize":14,"textTransform":"uppercase"} -->
<h3 class="gb-headline gb-headline-88fd1bf3 gb-headline-text">About me</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:heading -->
<h2>Taking an image, freezing a moment, reveals how rich reality truly is.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Praesent mattis maximus mauris, quis malesuada odio feugiat eu. Morbi euismod eros orci, vitae mattis nisl aliquam et. Suspendisse posuere sed augue a tincidunt. Morbi tempus nunc eu orci fermentum.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Aenean feugiat nisl at magna eleifend faucibus. Fusce pretium feugiat massa, at consequat velit vestibulum quis. In hac habitasse platea dictumst.</p>
<!-- /wp:paragraph -->

<!-- wp:generateblocks/button-container {"uniqueId":"2d44d1fd","isDynamic":true} -->
<!-- wp:generateblocks/button {"uniqueId":"b92befa5","hasUrl":true,"hasIcon":true,"iconLocation":"right","backgroundColor":"","textColor":"#000000","backgroundColorHover":"","textColorHover":"","borderColor":"#000000","showAdvancedTypography":true,"paddingTop":"14","paddingRight":"22","paddingBottom":"14","paddingLeft":"0","borderRadiusTopRight":"0","borderRadiusBottomRight":"0","borderRadiusBottomLeft":"0","borderRadiusTopLeft":"0","iconPaddingRight":"","iconPaddingLeft":".4","htmlAttributes":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"useTransform":true,"transforms":[{"type":"translate","state":"hover","target":"self","translateX":10}]} -->
<a class="gb-button gb-button-b92befa5" href="#"><span class="gb-button-text">Get in touch</span><span class="gb-icon"><svg aria-hidden="true" data-prefix="fas" data-icon="long-arrow-alt-right" class="svg-inline--fa fa-long-arrow-alt-right fa-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/button-container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"fabfc093","isGrid":true,"gridId":"5a3824dd","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://picsum.photos/id/1005/600?grayscale" alt=""/></figure>
<!-- /wp:image -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"f3790351","paddingTop":"6","paddingRight":"1","paddingBottom":"6","paddingLeft":"1","paddingUnit":"em","backgroundColor":"#f5f5f5","align":"full","isDynamic":true} -->
<!-- wp:generateblocks/grid {"uniqueId":"f82d2593","columns":2,"verticalAlignment":"flex-start","isDynamic":true} -->
<!-- wp:generateblocks/container {"uniqueId":"bfba9975","isGrid":true,"gridId":"f82d2593","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"8b2cd75a"} -->
<h2 class="gb-headline gb-headline-8b2cd75a gb-headline-text">Let's get in touch</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pellentesque, nibh at efficitur scelerisque</p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"className":"is-style-logos-only"} -->
<ul class="wp-block-social-links is-style-logos-only"><!-- wp:social-link {"url":"#","service":"flickr"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"dribbble"} /--></ul>
<!-- /wp:social-links -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"802a7ae6","isGrid":true,"gridId":"f82d2593","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:wpforms/form-selector {"formId":"129"} /-->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->