.	DIR
..	DIR
banner-hero.php	file
banner-project-description.php	file
cta-content-image-on-right.php	file
cta-pricing.php	file
cta-rsvp.php	file
cta-services-image-left.php	file
cta-subscribe-centered.php	file
footer-centered-logo-nav.php	file
footer-colophon-3-col.php	file
footer.php	file
gallery-full-screen-image.php	file
gallery-offset-images-grid-2-col.php	file
gallery-offset-images-grid-3-col.php	file
gallery-offset-images-grid-4-col.php	file
gallery-project-layout.php	file
hidden-404.php	file
hidden-comments.php	file
hidden-no-results.php	file
hidden-portfolio-hero.php	file
hidden-post-meta.php	file
hidden-post-navigation.php	file
hidden-posts-heading.php	file
hidden-search.php	file
hidden-sidebar.php	file
page-about-business.php	file
page-home-blogging.php	file
page-home-business.php	file
page-home-portfolio-gallery.php	file
page-home-portfolio.php	file
page-newsletter-landing.php	file
page-portfolio-overview.php	file
page-rsvp-landing.php	file
posts-1-col.php	file
posts-3-col.php	file
posts-grid-2-col.php	file
posts-images-only-3-col.php	file
posts-images-only-offset-4-col.php	file
posts-list.php	file
team-4-col.php	file
template-archive-blogging.php	file
template-archive-portfolio.php	file
template-home-blogging.php	file
template-home-business.php	file
template-home-portfolio.php	file
template-index-blogging.php	file
template-index-portfolio.php	file
template-search-blogging.php	file
template-search-portfolio.php	file
template-single-portfolio.php	file
testimonial-centered.php	file
text-alternating-images.php	file
text-centered-statement-small.php	file
text-centered-statement.php	file
text-faq.php	file
text-feature-grid-3-col.php	file
text-project-details.php	file
text-title-left-image-right.php	file

<?php /** * Title: Offset gallery, 2 columns * Slug: twentytwentyfour/gallery-offset-images-grid-2-col * Categories: gallery, portfolio * Keywords: project, images, media, masonry, columns * Viewport width: 1400 * Description: A gallery section with 2 columns and offset images. */ ?> <!-- wp:group {"metadata":{"name":"Portfolio Images"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-group alignfull" style="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)"> <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} --> <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0"> <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> <div class="wp-block-column"> <!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} --> <figure class="wp-block-image is-style-rounded"> <img alt="" style="aspect-ratio:4/3;object-fit:cover" /> </figure> <!-- /wp:image --> <!-- wp:spacer {"height":"var:preset|spacing|50"} --> <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> <figure class="wp-block-image is-style-rounded"> <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> </figure> <!-- /wp:image --> </div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> <div class="wp-block-column"> <!-- wp:spacer {"height":"var:preset|spacing|50"} --> <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> <figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:3/4;object-fit:cover" /> </figure> <!-- /wp:image --> <!-- wp:spacer {"height":"var:preset|spacing|50"} --> <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> <figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:1;object-fit:cover" /> </figure> <!-- /wp:image --> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> </div> <!-- /wp:group -->