single-oik-themes.html

Design Mode

10 patterns
404 error content.

design-mode/404

<!-- wp:heading {"level":1} -->
<h1>Not found, error 404</h1>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Oops, the page you are looking for does not exist or is no longer available. Please use the search form below to find your way.</p>
<!-- /wp:paragraph -->
<!-- wp:search {"width":80,"widthUnit":"%","showLabel":false,"buttonText":"Search"} /-->

Footer with site title, text, links.

design-mode/footer

Categories: design-mode-footer

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","style":{"typography":{"lineHeight":"1","letterSpacing":"-1px"},"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"},"fontSize":"max-36"} -->
<div class="wp-block-group alignwide has-max-36-font-size" style="line-height:1;letter-spacing:-1px;padding-top:20px;padding-bottom:20px">
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration"><a href="#">Instagram</a></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-mini"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-mini"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration"><a href="#">Pinterest</a></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-mini"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-mini"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration"><a href="#">LinkedIn</a></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-mini"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-mini"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration"><a href="#">Facebook</a></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-mini"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-mini"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration"><a href="#">Twitter</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true},"align":"full","style":{"spacing":{"padding":{"top":"40px","bottom":"40px"},"margin":{"top":"0px"}}},"fontSize":"small"} -->
<div class="wp-block-group alignfull has-small-font-size" style="margin-top:0px;padding-top:40px;padding-bottom:40px">
<!-- wp:group {"layout":{"type":"flex","allowOrientation":false,"justifyContent":"space-between"},"align":"wide","style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"5px"}}} -->
<div class="wp-block-group">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"5px"}}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p>© 2022</p>
<!-- /wp:paragraph -->
<!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","textTransform":"capitalize"},"spacing":{"margin":{"bottom":"0px"}}},"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
<!-- wp:paragraph -->
<p> · </p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="https://wordpress.org/themes/design-mode/" data-type="URL" data-id="https://wordpress.org/themes/design-mode/">Theme</a> by <a href="https://briangardner.com/" data-type="URL" data-id="https://briangardner.com/">Brian Gardner</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph -->
<p><a href="#">Privacy Policy</a> · <a href="#">Terms of Service</a> · <a href="#">Contact</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Section with cover, heading, text, button.

design-mode/general-cover-text

Categories: design-mode-general

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"40px","bottom":"60px"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:40px;padding-bottom:60px"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"80px"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":98,"dimRatio":50,"minHeight":600,"isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-98" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">Meet Taylor</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1","fontStyle":"normal","fontWeight":"300","letterSpacing":"-1px"}},"fontSize":"max-48"} -->
<p class="has-max-48-font-size" style="font-style:normal;font-weight:300;line-height:1.1;letter-spacing:-1px">I’m the Founder & Creative Director of Design Mode.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper, nisi in cursus ultricies, ligula mi convallis risus, ut iaculis eros tortor ac magna. Aliquam tincidunt pharetra ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link">Connect With Me</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Query grid with three columns.

design-mode/mini-query

Categories: design-mode-general

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"80px"},"blockGap":"40px"}}} -->
<div class="wp-block-group alignwide" style="padding-bottom:80px"><!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:spacer {"height":"80px"} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">Design Journal</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:query {"queryId":3,"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
<div class="wp-block-query alignwide"><!-- wp:post-template -->
<!-- wp:cover {"useFeaturedImage":true,"dimRatio":50,"minHeight":400,"contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:post-date {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"}},"textColor":"base","fontSize":"x-small"} /-->
<!-- wp:post-title {"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"margin":{"top":"5px","bottom":"0px"}}},"textColor":"base","fontSize":"large"} /--></div></div>
<!-- /wp:cover -->
<!-- /wp:post-template --></div>
<!-- /wp:query --></div>
<!-- /wp:group -->

Section with columns, heading, text, buttons.

design-mode/general-services

Categories: design-mode-general

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"60px"}}}} -->
<div class="wp-block-group alignwide" style="padding-bottom:60px"><!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":{"blockGap":"80px","margin":{"top":"20px"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top" style="margin-top:20px"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">Service #1</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper, nisi cursus ultricies, ligula mi convallis taylora iaculis.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link">Learn More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">Service #2</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper, nisi cursus ultricies, ligula mi convallis taylora iaculis.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link">Learn More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">Service #3</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper, nisi cursus ultricies, ligula mi convallis taylora iaculis.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link">Learn More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Section with cover, heading, text, button.

design-mode/general-text-cover

Categories: design-mode-general

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"60px","bottom":"60px"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:60px;padding-bottom:60px"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"80px"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">Online Workshop</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1","fontStyle":"normal","fontWeight":"300","letterSpacing":"-1px"}},"fontSize":"max-48"} -->
<p class="has-max-48-font-size" style="font-style:normal;font-weight:300;line-height:1.1;letter-spacing:-1px">Learn How to Connect and Create with Your Passion</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper, nisi in cursus ultricies, ligula mi convallis risus, ut iaculis eros tortor ac magna. Aliquam tincidunt pharetra ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link">Join the Wait List</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":99,"dimRatio":50,"minHeight":600,"isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-99" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Section with text, separators.

design-mode/general-titles

Categories: design-mode-general

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"20px","padding":{"top":"20px","bottom":"20px"}},"typography":{"lineHeight":"1","letterSpacing":"-1px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"},"fontSize":"max-36"} -->
<div class="wp-block-group alignwide has-max-36-font-size" style="line-height:1;letter-spacing:-1px;padding-top:20px;padding-bottom:20px"><!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration">Entrepreneur</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-mini"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-mini"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration">Business Coach</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-mini"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-mini"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration">Photographer</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"className":"is-style-mini"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-mini"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"className":"has-no-text-decoration"} -->
<p class="has-no-text-decoration">Daydreamer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->

Header with site title, navigation.

design-mode/header

Categories: design-mode-header

<!-- wp:group {"layout":{"inherit":true},"align":"full","style":{"spacing":{"padding":{"top":"40px","bottom":"40px"},"margin":{"top":"0px"}}}} -->
<div class="wp-block-group alignfull" style="margin-top:0px;padding-top:40px;padding-bottom:40px">
<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"},"align":"wide"} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"15px"}}} -->
<div class="wp-block-group">
<!-- wp:site-title /-->
<!-- wp:separator {"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default"/>
<!-- /wp:separator -->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"isResponsive":true,"style":{"spacing":{"blockGap":"20px"}}} -->
<!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
<!-- /wp:navigation -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

Home page with sections.

design-mode/page-home

Categories: design-mode-page

<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":118,"dimRatio":50,"minHeight":800,"isDark":false,"align":"wide"} -->
<div class="wp-block-cover alignwide is-light" style="min-height:800px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-118" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"></div></div>
<!-- /wp:cover -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"120px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignwide" style="padding-bottom:120px"><!-- wp:columns {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-columns"><!-- wp:column {"width":"60%","style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","right":"0px","bottom":"0px","left":"0px"}}},"backgroundColor":"base","className":"is-style-pull"} -->
<div class="wp-block-group is-style-pull has-base-background-color has-background" style="padding-top:80px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"300","letterSpacing":"-2px"}},"fontSize":"max-72"} -->
<h2 class="has-max-72-font-size" style="font-style:normal;font-weight:300;letter-spacing:-2px">World-class interior design studio based in Laguna Beach, CA.</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:20px"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">About Us</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":{"blockGap":"80px","margin":{"top":"20px"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top" style="margin-top:20px"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:columns {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-columns"><!-- wp:column {"width":"80%","style":{"spacing":{"blockGap":"40px"}}} -->
<div class="wp-block-column" style="flex-basis:80%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1","fontStyle":"normal","fontWeight":"300","letterSpacing":"-1px"}},"fontSize":"max-48"} -->
<p class="has-max-48-font-size" style="font-style:normal;font-weight:300;line-height:1.1;letter-spacing:-1px">We create living spaces you’ll sincerely adore.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link">View Our Services</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper, nisi in cursus ultricies, ligula mi convallis risus, ut iaculis eros tortor ac magna. Aliquam tincidunt pharetra ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"60px"}}}} -->
<div class="wp-block-group alignwide" style="padding-bottom:60px"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"80px","margin":{"top":"0px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px"><!-- wp:column {"style":{"spacing":{"padding":{"top":"80px"}}}} -->
<div class="wp-block-column" style="padding-top:80px"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":32,"dimRatio":50,"minHeight":600,"contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-32" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"base","fontSize":"x-large"} -->
<h4 class="has-base-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:300">Kitchen Design</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"textColor":"base"} -->
<p class="has-base-color has-text-color" style="line-height:1.5">Lorem ipsum dolor sitra amet consectetur adipiscing taylora lectus dapibus natoque viverra in mauris.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:spacer {"height":"80px"} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":113,"dimRatio":50,"minHeight":600,"contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-113" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"base","fontSize":"x-large"} -->
<h4 class="has-base-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:300">Family Room Design</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"textColor":"base"} -->
<p class="has-base-color has-text-color" style="line-height:1.5">Lorem ipsum dolor sitra amet consectetur adipiscing taylora lectus dapibus natoque viverra in mauris.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":33,"dimRatio":50,"minHeight":600,"contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-33" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"base","fontSize":"x-large"} -->
<h4 class="has-base-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:300">Bedroom Design</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"textColor":"base"} -->
<p class="has-base-color has-text-color" style="line-height:1.5">Lorem ipsum dolor sitra amet consectetur adipiscing taylora lectus dapibus natoque viverra in mauris.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:spacer {"height":"80px"} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":35,"dimRatio":50,"minHeight":600,"contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-35" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"base","fontSize":"x-large"} -->
<h4 class="has-base-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:300">Bathroom Design</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"textColor":"base"} -->
<p class="has-base-color has-text-color" style="line-height:1.5">Lorem ipsum dolor sitra amet consectetur adipiscing taylora lectus dapibus natoque viverra in mauris.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"},"blockGap":"40px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-group alignwide" style="padding-top:20px;padding-bottom:20px"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"-1px"}},"className":"has-no-text-decoration","fontSize":"max-48"} -->
<p class="has-no-text-decoration has-max-48-font-size" style="letter-spacing:-1px">Looking for a stylish & sophisticated workspace?</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link">Start Your Project</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->
<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"60px","bottom":"80px"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:60px;padding-bottom:80px"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"80px"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png","id":102,"dimRatio":50,"minHeight":600,"isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-102" alt="Design Mode Sample Image" src="https://blocks.wp-a2z.org/wp-content/themes/design-mode/assets/images/sample.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="text-transform:uppercase">Meet Taylor</h3>
<!-- /wp:heading -->
<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1","fontStyle":"normal","fontWeight":"300","letterSpacing":"-1px"}},"fontSize":"max-48"} -->
<p class="has-max-48-font-size" style="font-style:normal;font-weight:300;line-height:1.1;letter-spacing:-1px">I’m the Founder & Creative Director of Design Mode.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper, nisi in cursus ultricies, ligula mi convallis risus, ut iaculis eros tortor ac magna. Aliquam tincidunt pharetra ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link">Connect With Me</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

List of posts in one column.

design-mode/query

Categories: design-mode-query

<!-- wp:query {"queryId":3,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"perPage":6},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:cover {"useFeaturedImage":true,"dimRatio":50,"minHeight":400,"contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:post-date {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"}},"textColor":"base","fontSize":"x-small"} /-->
<!-- wp:post-title {"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"margin":{"top":"5px","bottom":"0px"}}},"textColor":"base","fontSize":"large"} /-->
</div>
</div>
<!-- /wp:cover -->
<!-- /wp:post-template -->
<!-- wp:query-pagination -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:query -->

Published:

Last updated:

October 18, 2022

Information

Letters:

Summary file