1 patterns
Front
cockatoo/front
Categories: featured
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"0.5vw"}}}} -->
<main class="wp-block-group" style="padding-top:0.5vw"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"11vw","fontStyle":"normal","fontWeight":"900","lineHeight":"0.9"}}} -->
<h2 class="has-text-align-center" style="font-size:11vw;font-style:normal;font-weight:900;line-height:0.9">the enlightment</h2>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<h2 class="has-midsmall-font-size" style="text-transform:uppercase">Here we go again!</h2>
<!-- /wp:heading -->
<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<h2 class="has-midsmall-font-size" style="text-transform:uppercase">A new solution</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"2vh"} -->
<div style="height:2vh" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"style":{"border":{"width":"4px"}}} -->
<div class="wp-block-columns" style="border-width:4px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-1.webp","id":750,"dimRatio":0,"minHeight":10,"minHeightUnit":"vh","isDark":false,"style":{"spacing":{"padding":{"bottom":"0vh","top":"60vh","right":"2vw","left":"2vw"}}}} -->
<div class="wp-block-cover is-light" style="padding-top:60vh;padding-right:2vw;padding-bottom:0vh;padding-left:2vw;min-height:10vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-750" alt="" src="https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-1.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<p class="has-text-align-left has-midsmall-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase">Thank You for Your visit!</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"2vh"} -->
<div style="height:2vh" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"style":{"spacing":{"blockGap":"1.8vw"}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">Quisque turpis dui, rhoncus quis metus a, scelerisque vestibulum turpis. Cras nunc lectus, tempor sit amet ex sed, malesuada malesuada justo. Suspendisse condimentum eu arcu vitae hendrerit. Ut aliquet dictum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">Nam ac enim dapibus, eleifend enim quis, hendrerit mauris. Suspendisse sollicitudin id magna vitae porttitor. Nunc tincidunt in nibh a fringilla. Praesent vehicula at erat ac dignissim. Proin eget eleifend pretium.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"padding":{"top":"3vw","right":"2vw","bottom":"2vw","left":"2vw"}}},"backgroundColor":"one","textColor":"two"} -->
<div class="wp-block-column has-two-color has-one-background-color has-text-color has-background" style="padding-top:3vw;padding-right:2vw;padding-bottom:2vw;padding-left:2vw"><!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h4 class="has-text-align-right" style="text-transform:uppercase;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Happy places...</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","lineHeight":"1.5"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"large"} -->
<h3 class="has-text-align-right has-large-font-size" style="font-style:normal;font-weight:900;line-height:1.5;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">get ready!</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right">Sed lacinia arcu tortor, nec placerat quam dapibus et lobortis ultricies.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"8vh"} -->
<div style="height:8vh" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"style":{"spacing":{"blockGap":"3vw"}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"style":{"border":{"width":"4px"}}} -->
<div class="wp-block-columns" style="border-width:4px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-2.webp","id":751,"dimRatio":0,"minHeight":10,"minHeightUnit":"vh","style":{"spacing":{"padding":{"bottom":"0vh","top":"30vw","right":"2vw","left":"2vw"}}}} -->
<div class="wp-block-cover" style="padding-top:30vw;padding-right:2vw;padding-bottom:0vh;padding-left:2vw;min-height:10vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-751" alt="" src="https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-2.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<p class="has-text-align-left has-midsmall-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase">Alone we can do so little...</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"}},"fontSize":"enormous"} -->
<h3 class="has-enormous-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase">success is from failures</h3>
<!-- /wp:heading -->
<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<h2 class="has-midsmall-font-size" style="text-transform:uppercase">Dont give up!</h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"8vh"} -->
<div style="height:8vh" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<h2 class="has-midsmall-font-size" style="text-transform:uppercase">The countdown alredy started</h2>
<!-- /wp:heading -->
<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<h2 class="has-midsmall-font-size" style="text-transform:uppercase">Click the button below</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">Quisque turpis dui, rhoncus quis metus a, scelerisque vestibulum turpis. Cras nunc lectus, tempor sit amet ex sed, malesuada.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right","verticalAlignment":"top","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Click or not...</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"8vh"} -->
<div style="height:8vh" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"style":{"border":{"width":"5px"}}} -->
<div class="wp-block-columns" style="border-width:5px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-3.webp","id":752,"dimRatio":0,"minHeight":10,"minHeightUnit":"vh","style":{"spacing":{"padding":{"bottom":"5vh","top":"35vh","right":"1vh","left":"1vh"}}}} -->
<div class="wp-block-cover" style="padding-top:35vh;padding-right:1vh;padding-bottom:5vh;padding-left:1vh;min-height:10vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-752" alt="" src="https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-3.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"top","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Click or not...</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"style":{"border":{"width":"5px"}}} -->
<div class="wp-block-columns" style="border-width:5px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-4.webp","id":753,"dimRatio":0,"minHeight":10,"minHeightUnit":"vh","style":{"spacing":{"padding":{"bottom":"5vh","top":"35vh","right":"1vh","left":"1vh"}}}} -->
<div class="wp-block-cover" style="padding-top:35vh;padding-right:1vh;padding-bottom:5vh;padding-left:1vh;min-height:10vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-753" alt="" src="https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-4.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"top","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Click or not...</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"style":{"border":{"width":"5px"}}} -->
<div class="wp-block-columns" style="border-width:5px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-5.webp","id":754,"dimRatio":0,"minHeight":10,"minHeightUnit":"vh","isDark":false,"style":{"spacing":{"padding":{"bottom":"5vh","top":"35vh","right":"1vh","left":"1vh"}}}} -->
<div class="wp-block-cover is-light" style="padding-top:35vh;padding-right:1vh;padding-bottom:5vh;padding-left:1vh;min-height:10vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-754" alt="" src="https://blocks.wp-a2z.org/wp-content/themes/cockatoo/assets/images/cockatoo-5.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"top","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Click or not...</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<h2 class="has-midsmall-font-size" style="text-transform:uppercase">Some nice images</h2>
<!-- /wp:heading -->
<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"midsmall"} -->
<h2 class="has-midsmall-font-size" style="text-transform:uppercase">Have some fun!</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"8vh"} -->
<div style="height:8vh" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"38%"} -->
<div class="wp-block-column" style="flex-basis:38%"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Squirrel</h4>
<!-- /wp:heading -->
<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Kangaroo</h4>
<!-- /wp:heading -->
<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Giraffe</h4>
<!-- /wp:heading -->
<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Elephant</h4>
<!-- /wp:heading -->
<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Panda</h4>
<!-- /wp:heading --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"24%"} -->
<div class="wp-block-column" style="flex-basis:24%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"38%"} -->
<div class="wp-block-column" style="flex-basis:38%"><!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-text-align-right has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Chameleon</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-text-align-right has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Rabbit</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-text-align-right has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Grasshopper</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-text-align-right has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Buffalo</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","textTransform":"lowercase","lineHeight":"1"},"spacing":{"margin":{"top":"0vh","right":"0vh","bottom":"1.5vh","left":"0vh"}}},"fontSize":"bigger"} -->
<h4 class="has-text-align-right has-bigger-font-size" style="font-style:normal;font-weight:900;line-height:1;text-transform:lowercase;margin-top:0vh;margin-right:0vh;margin-bottom:1.5vh;margin-left:0vh">Peacock</h4>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></main>
<!-- /wp:group -->