Banner Hero cu antet

Prima pagină
Despre
LOGO
Știri
Contact
Lorem Ipsum & consectetur
Lorem Ipsum este pur și simplu un text fără sens.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupta tum

află mai multe
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Lorem ipsum este un substituent de text folosit în mod obișnuit în industria grafică, de tipărire și publicare pentru previzualizarea aranjamentelor și machetelor vizuale.
Cod model
<!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markuss-0942.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=60f5585cb162f1c0e71e8dc40cc3b738","id":null,"dimRatio":50,"overlayColor":"black","focalPoint":{"x":"0.58","y":"0.70"},"minHeight":575,"minHeightUnit":"px","contentPosition":"top center","isDark":false,"align":"full","style":{"color":[]}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-center" style="min-height:575px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markuss-0942.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=60f5585cb162f1c0e71e8dc40cc3b738" style="object-position:58% 70%" data-object-fit="cover" data-object-position="58% 70%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:10px"><!-- wp:columns {"verticalAlignment":"top"} -->
<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"33.34%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.34%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"align":"center","textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color"><a href="#">Prima pagină</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#">Despre</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"33.34%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:33.34%"><!-- wp:paragraph {"align":"center","style":{"color":{"text":"#f6f6f6"},"typography":{"fontSize":"40px","lineHeight":"1"}}} -->
<p class="has-text-align-center has-text-color" style="color:#f6f6f6;font-size:40px;line-height:1"><strong>LOGO</strong> <a href="https://www.google.com/imgres?imgurl=https%3A%2F%2Frespinor.com%2Fwp-content%2Fuploads%2F2017%2F04%2Flogo-dummy.png&imgrefurl=http%3A%2F%2Frespinor.com%2Fcompany%2Flogo-dummy%2F&tbnid=MHsLg1arCkZmFM&vet=12ahUKEwiC3-rJwMD4AhVsLrcAHe-eBQ4QMygJegUIARDMAQ..i&docid=R38osm9dKxEqgM&w=360&h=120&q=logo%20dummy%20png&ved=2ahUKEwiC3-rJwMD4AhVsLrcAHe-eBQ4QMygJegUIARDMAQ"></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"33.33%","layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.33%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#">Știri</a> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#">Contact</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"100px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group" style="padding-top:100px"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size" style="text-transform:uppercase"><strong>Lorem Ipsum & consectetur</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","textColor":"white"} -->
<h2 class="has-text-align-center has-white-color has-text-color">Lorem Ipsum este pur și simplu un text fără sens.</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"40px","bottom":"50px"}}}} -->
<div class="wp-block-group alignfull" style="padding-top:40px;padding-bottom:50px"><!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"40px","left":"10px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-right:40px;padding-left:10px"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"50px"}},"color":{"text":"#004d43"}}} -->
<h3 class="has-text-color" style="color:#004d43;margin-bottom:50px"><strong><em>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupta tum  </em></strong></h3>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"align":"left","style":{"typography":{"fontSize":"15px"},"color":{"text":"#004d43"}},"className":"is-style-outline"} -->
<div class="wp-block-button alignleft has-custom-font-size is-style-outline" style="font-size:15px"><a class="wp-block-button__link has-text-color wp-element-button" style="color:#004d43">află mai multe</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"10px"}}}} -->
<div class="wp-block-column" style="padding-top:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}},"textColor":"black"} -->
<p class="has-black-color has-text-color" style="font-size:18px">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}},"textColor":"black"} -->
<p class="has-black-color has-text-color" style="font-size:18px">Lorem ipsum este un substituent de text folosit în mod obișnuit în industria grafică, de tipărire și publicare pentru previzualizarea aranjamentelor și machetelor vizuale.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->