Cover with a gradient overlay over image with a text content, heading and a paragraph – Collection 1 – 区块样板

770

Projects

6500+

Cups of coffee

20000+

Hours of work

A goal without
a plan is just
a wish

Morbi ac ultricies dolor. Donec eget rhoncus quam. Donec consequat, ante vel vestibulum placerat, metus ante pretium orci, ac hendrerit nulla dui ac purus.
Vivamus varius tincidunt ante eget consectetur
Sed mollis rhoncus quam mattis fringilla
Nullam iaculis congue rutrum
样板代码
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"7%","bottom":"7%","right":"30px","left":"30px"}},"color":{"background":"#f5f5f5"}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f5f5f5;padding-top:7%;padding-right:30px;padding-bottom:7%;padding-left:30px"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"},"padding":{"top":"var:preset|spacing|40","right":"0","bottom":"var:preset|spacing|40","left":"0"}},"color":{"gradient":"linear-gradient(90deg,rgba(255,255,255,0) 47%,rgb(255,255,255) 47%)"}}} -->
<div class="wp-block-columns are-vertically-aligned-center has-background" style="background:linear-gradient(90deg,rgba(255,255,255,0) 47%,rgb(255,255,255) 47%);padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"60%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:cover {"url":"https://pd.w.org/2022/09/3766323b9e4aa9ed4.24357357-2048x1536.jpeg","dimRatio":80,"customGradient":"linear-gradient(232deg,rgb(155,225,93) 0%,rgb(0,217,166) 100%)","style":{"spacing":{"padding":{"top":"10rem","bottom":"10rem"}}}} -->
<div class="wp-block-cover" style="padding-top:10rem;padding-bottom:10rem"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(232deg,rgb(155,225,93) 0%,rgb(0,217,166) 100%)"></span><img class="wp-block-cover__image-background" alt="" src="https://pd.w.org/2022/09/3766323b9e4aa9ed4.24357357-2048x1536.jpeg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"120px","lineHeight":"0.5"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:120px;line-height:0.5">770</h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"color":{"text":"#ffffffcf"}}} -->
<h3 class="wp-block-heading has-text-align-center has-text-color" style="color:#ffffffcf">Projects</h3>
<!-- /wp:heading -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:column {"style":{"border":{"right":{"color":"#e6e6e6"}}}} -->
<div class="wp-block-column" style="border-right-color:#e6e6e6"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"0"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:40px;line-height:0">6500+</h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"color":{"text":"#ffffffcf"}},"fontSize":"medium"} -->
<h3 class="wp-block-heading has-text-align-center has-text-color has-medium-font-size" style="color:#ffffffcf">Cups of coffee</h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"0"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:40px;line-height:0">20000+</h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"color":{"text":"#ffffffcf"}},"fontSize":"medium"} -->
<h3 class="wp-block-heading has-text-align-center has-text-color has-medium-font-size" style="color:#ffffffcf">Hours of work</h3>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"","style":{"spacing":{"padding":{"left":"var:preset|spacing|60","top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","right":"var:preset|spacing|60"}}},"layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--60)"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1"}}} -->
<h2 class="wp-block-heading" style="font-style:normal;font-weight:700;line-height:1"><strong>A goal </strong>without <strong><br>a plan is just <br></strong>a wish</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#202020"}}} -->
<p class="has-text-color" style="color:#202020;font-size:16px;font-style:normal;font-weight:400">Morbi ac ultricies dolor. Donec eget rhoncus quam. Donec consequat, ante vel vestibulum placerat, metus ante pretium orci, ac hendrerit nulla dui ac purus.</p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"typography":{"lineHeight":"1.1","fontSize":"16px"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"var:preset|spacing|50"},"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<ul style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:var(--wp--preset--spacing--50);font-size:16px;line-height:1.1"><!-- wp:list-item -->
<li>Vivamus varius tincidunt ante eget consectetur</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Sed mollis rhoncus quam mattis fringilla</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Nullam iaculis congue rutrum</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
770

Projects

6500+

Cups of coffee

20000+

Hours of work

A goal without a plan is just a wish

A goal without
a plan is just
a wish
