themes-wordpress/appleton-2/patterns/home.php

<?php
/**
 * Title: Home Pattern
 * slug: appleton/home
 * inserter: no
 */
?>

<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":{"top":"60px","left":"60px"},"padding":{"bottom":"0px"}}}} -->
<div class="wp-block-group alignfull" style="padding-bottom:0;"><!-- wp:group {"align":"full","layout":{"contentSize":"1070px","type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"right":"80px"}}}} -->
<div class="wp-block-column" style="padding-right:80px;"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","fontSize":"47px","fontStyle":"normal","fontWeight":"200","letterSpacing":"6px","lineHeight":1.3}}} -->
<h2 style="font-size:47px;font-style:normal;font-weight:200;letter-spacing:6px;line-height:1.3;text-transform:uppercase;">THE EARTH, ONE SHOT AT A TIME.</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"400px"} -->
<div class="wp-block-column" style="flex-basis:400px;"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}}} -->
<p style="font-style:normal;font-weight:300;">Welcome to the photography portfolio website of a nature photographer, <strong>John Appleton</strong>.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/mountain-top.jpg'; ?>","id":133,"dimRatio":40,"minHeight":650,"customGradient":"linear-gradient(-180deg,rgba(0,0,0,0) 67%,rgb(0,0,0) 100%)","contentPosition":"bottom left","isDark":false,"align":"full","style":{"spacing":{"padding":{"left":"40px","bottom":"30px"}}}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-bottom-left" style="padding-bottom:30px;padding-left:40px;min-height:650px;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(-180deg,rgba(0,0,0,0) 67%,rgb(0,0,0) 100%);"></span><img class="wp-block-cover__image-background wp-image-133" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/mountain-top.jpg'; ?>" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write titleu2026","style":{"color":{"text":"#ffffffcc"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#ffffffcc;">Rock formations, Argentina.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"40px","left":"40px"},"padding":{"top":"100px","bottom":"120px"}}},"layout":{"contentSize":"1070px","type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:100px;padding-bottom:120px;"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"36px","fontStyle":"normal","fontWeight":"200","letterSpacing":"-1px","lineHeight":1.5}}} -->
<h4 style="font-size:36px;font-style:normal;font-weight:200;letter-spacing:-1px;line-height:1.5;">I focus on representing landscapes and scenes that are usually hard to reproduce, thus capturing those ethereal moments. The technological tools are the brushes that I use to illuminate the surreal elements of nature.</h4>
<!-- /wp:heading -->

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#444444","showLabels":true,"size":"has-normal-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-normal-icon-size has-visible-labels has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://www.instagram.com","service":"instagram","label":"Instagram"} /-->

<!-- wp:social-link {"url":"https://www.facebook.com","service":"facebook"} /-->

<!-- wp:social-link {"url":"https://www.twitter.com","service":"twitter"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":{"top":"40px","left":"40px"}}}} -->
<div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"40px"}}},"layout":{"contentSize":"450px","type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-bottom:40px;"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"60px"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60px;"><!-- wp:separator {"style":{"color":{"background":"#e7e7e7"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#e7e7e7;color:#e7e7e7;" />
<!-- /wp:separator --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"","style":{"spacing":{"padding":{"right":"10px","left":"10px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-right:10px;padding-left:10px;"><!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontSize":"20px","letterSpacing":"6px","fontStyle":"normal","fontWeight":"300"}},"textColor":"custom-superdark"} -->
<h2 class="has-text-align-center has-custom-superdark-color has-text-color" style="font-size:20px;font-style:normal;font-weight:300;letter-spacing:6px;text-transform:uppercase;">Recent Works</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"60px"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60px;"><!-- wp:separator {"style":{"color":{"background":"#e7e7e7"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#e7e7e7;color:#e7e7e7;" />
<!-- /wp:separator --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"contentSize":"1400px","type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":122,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/summit-mountain.jpg'; ?>" alt="" class="wp-image-122" /></figure>
<!-- /wp:image -->

<!-- wp:image {"id":123,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/line-of-mountains.jpg'; ?>" alt="" class="wp-image-123" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":130,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/canyon-1.jpg'; ?>" alt="" class="wp-image-130" /></figure>
<!-- /wp:image -->

<!-- wp:image {"id":131,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/sunset-in-mountains-1.jpg'; ?>" alt="" class="wp-image-131" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":126,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/anchor-falls-1.jpg'; ?>" alt="" class="wp-image-126" /></figure>
<!-- /wp:image -->

<!-- wp:image {"id":128,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/unison-hill-2.jpg'; ?>" alt="" class="wp-image-128" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/photographer-cover.jpg'; ?>","id":118,"dimRatio":10,"minHeight":55,"minHeightUnit":"vh","contentPosition":"center left","align":"full","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"0"},"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70"}}}} -->
<div class="wp-block-cover alignfull has-custom-content-position is-position-center-left" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);min-height:55vh;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-118" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/photographer-cover.jpg'; ?>" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained","contentSize":"430px","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"200"}},"fontSize":"large"} -->
<h3 class="has-text-align-left has-large-font-size" style="font-style:normal;font-weight:200;">More than 15 years of shooting still landscape scenery</h3>
<!-- /wp:heading --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":{"top":"30px","left":"30px"},"padding":{"top":"100px","bottom":"120px"}}},"layout":{"contentSize":"990px","type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:100px;padding-bottom:120px;"><!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontSize":"36px","fontStyle":"normal","fontWeight":"200","letterSpacing":"-1px","lineHeight":1.4}}} -->
<h4 class="has-text-align-center" style="font-size:36px;font-style:normal;font-weight:200;letter-spacing:-1px;line-height:1.4;">I am taking on new projects. If you have any nature photography projects or want to say hi, please get in touch.</h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":{"top":"20px","left":"20px"}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
<div class="wp-block-group" style="font-style:normal;font-weight:600;"><!-- wp:paragraph -->
<p><a href="mailto:contact@wordpress.com">contact@wordpress.com</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#dddddd"}}} -->
<p class="has-text-color" style="color:#dddddd;">|</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><a href="https://www.linkedin.com/" target="_blank" rel="noreferrer noopener">linkedin.com/johnappleton</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":104,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/mountain-1.jpg'; ?>" alt="" class="wp-image-104" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"20px","bottom":"0","left":"20px"},"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px;"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<h5 style="font-style:normal;font-weight:600;">Antelope Mountain Trip</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#777777;">Editorial, Nature</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":105,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/mountain-2.jpg'; ?>" alt="" class="wp-image-105" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"20px","bottom":"0","left":"20px"},"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px;"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<h5 style="font-style:normal;font-weight:600;">Yokohama, Japan</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#777777;">Nature, Plants</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":106,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/mountain-3.jpg'; ?>" alt="" class="wp-image-106" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"20px","bottom":"0","left":"20px"},"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px;"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<h5 style="font-style:normal;font-weight:600;">Eden Lake</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#777777"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#777777;">Editorial, Animals</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->