Hero 09

Gutenberg-Code kopieren (Editor)

Kopiere dir über den entsprechenden Button den Gutenberg-Code in die Zwischenablage.

Gehe in den Gutenberg-Editor der entsprechenden Instanz und füge den Code über STRG+SHIFT+V an der gewünschten Stelle ein. (STRG+Z bei Dopplung)

CSS-Code kopieren (Customizer)

Kopiere dir über den entsprechenden Button den CSS-Code in die Zwischenablage.

Gehe in den Customizer der entsprechenden Instanz und füge den CSS-Code über STRG+V in den „Zusätzlichen CSS„-Einstellungen.

turned off laptop computer on top of brown wooden table

white desk lamp beside green plant

clear glass building interior during daytime

[Ihr Firmen­namE] freut sich auf Sie

Treten Sie mit uns in Kontakt oder besuchen Sie uns. Wir freuen uns auf Sie.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

<!-- wp:cover {"url":"https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/r-architecture-2gDwlIim3Uw-unsplash.jpg","id":4260,"dimRatio":60,"overlayColor":"trinity-theme-secondary-contrast","minHeight":70,"minHeightUnit":"vh","align":"full","cm4allBlockId":"79309835-c77e-479a-9908-0be4cf8d56b7"} -->
<div class="wp-block-cover alignfull has-background-dim-60 has-trinity-theme-secondary-contrast-background-color has-background-dim" style="min-height:70vh" id="home"><img class="wp-block-cover__image-background wp-image-4260" alt="" src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/r-architecture-2gDwlIim3Uw-unsplash.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"100px","right":"0px","bottom":"100px","left":"0px"}}},"className":"alignwide","cm4allBlockId":"f710081a-1ff4-4743-90bd-f620dafced5d"} -->
<div class="wp-block-group alignwide" style="padding-top:100px;padding-right:0px;padding-bottom:100px;padding-left:0px"><!-- wp:columns {"verticalAlignment":"center","align":"full","className":"\u002d\u002dcustom-bypass-paddings","cm4allBlockId":"c1406352-7053-4e71-a71d-556640c83cbe"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center --custom-bypass-paddings"><!-- wp:column {"verticalAlignment":"center","width":"800px","cm4allBlockId":"289f0c54-9cff-401b-9e6c-23717db8e74d"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:800px"><!-- wp:group {"className":"is-style-default","cm4allBlockId":"3f4ab681-c3e9-4934-98e3-1764db7b6331"} -->
<div class="wp-block-group is-style-default"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}},"textColor":"trinity-theme-primary-contrast","className":" is-style-cm4all-theme-font\u002d\u002dinter has-transform-lowercase has-font-weight-400","cm4allBlockId":"57da4b3c-6842-47c1-87a9-b6aca3ea09bc"} -->
<p class="is-style-cm4all-theme-font--inter has-transform-lowercase has-font-weight-400 has-trinity-theme-primary-contrast-color has-text-color" style="font-size:16px">Eine Kategorie Überschrift</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","level":1,"style":{"color":{"text":"rgba(255,255, 255, 1)"},"typography":{"fontSize":"60px"}},"className":"","cm4allBlockId":"29c059a5-c4da-4bfd-946d-9017281faeda"} -->
<h1 class="has-text-align-left has-text-color" style="color:rgba(255,255, 255, 1);font-size:60px">Eine Headline mit [Unternehmen]</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"color":{"text":"rgba(255,255, 255, 1)"},"typography":{"fontSize":"18px"}},"className":"","cm4allBlockId":"58ed0af1-5fa3-4b55-add4-72098c9f44a0"} -->
<p class="has-text-align-left has-text-color" style="color:rgba(255,255, 255, 1);font-size:18px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"left","className":"","cm4allBlockId":"e6ece40f-c57f-4e8c-a602-3861a1d79726","style":{"spacing":{"padding":{"top":"0em","right":"0em","bottom":"0em","left":"0em"}}}} -->
<div class="wp-block-buttons is-content-justification-left" style="padding-top:0em;padding-right:0em;padding-bottom:0em;padding-left:0em"><!-- wp:button {"className":"is-style-fill","cm4allBlockId":"295ddcbf-4579-4232-9c20-f00d30e7773b"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link">Mehr Informationen</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"trinity-theme-primary-contrast","className":"is-style-outline","cm4allBlockId":"09d23f80-6a9c-418f-b4fb-189895a3251f"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-trinity-theme-primary-contrast-color has-text-color">Anruf: +40 30 1234567</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"className":"alignwide","cm4allBlockId":"a1f29475-dd11-4249-a545-f5baec4444e9"} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"left":"1em","right":"1em"}},"elements":{"link":{"color":{"text":"var:preset|color|trinity-theme-secondary"}}}},"backgroundColor":"trinity-theme-inherit","className":"\u002d\u002dcustom-border-radius-12 \u002d\u002dcustom-image-shadow-s \u002d\u002dcustom-push-top-4-5x","cm4allBlockId":"d0249c5a-7df8-4a34-bd39-cd908f7bdbe0"} -->
<div class="wp-block-columns are-vertically-aligned-bottom --custom-border-radius-12 --custom-image-shadow-s --custom-push-top-4-5x has-trinity-theme-inherit-background-color has-background has-link-color" style="padding-right:1em;padding-left:1em"><!-- wp:column {"verticalAlignment":"bottom","width":"380px","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"backgroundColor":"trinity-theme-inherit","className":"\u002d\u002dcustom-border-radius-6 \u002d\u002dcustom-hover-shadow-50","cm4allBlockId":"f6ae3338-2ecb-4759-8420-2974324369b3"} -->
<div class="wp-block-column is-vertically-aligned-bottom --custom-border-radius-6 --custom-hover-shadow-50 has-trinity-theme-inherit-background-color has-background" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;flex-basis:380px"><!-- wp:image {"align":"center","id":4245,"width":64,"height":47,"linkDestination":"none","className":"is-style-default","cm4allBlockId":"219b6a08-fa28-44ef-bcce-92ff7cd13ffa"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter is-resized"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/Ic-Ic-Forklift_dark.png" alt="" class="wp-image-4245" width="64" height="47"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"21px"}},"className":"","cm4allBlockId":"2d1e8b15-59a3-4b7b-98cd-d70d6fd64042"} -->
<h2 class="has-text-align-center" style="font-size:21px"><meta charset="utf-8"><a href="#">Eine erste Leistung steht an dieser Stelle</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"f2c43bac-6a1a-440f-b7ae-9d98cef12a40"} -->
<p class="has-text-align-center"><a href="#">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"380px","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"className":"\u002d\u002dcustom-border-radius-6 \u002d\u002dcustom-hover-shadow-50","cm4allBlockId":"a35c8b4e-4374-41cc-8edf-a7b16a2db707"} -->
<div class="wp-block-column is-vertically-aligned-bottom --custom-border-radius-6 --custom-hover-shadow-50" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;flex-basis:380px"><!-- wp:image {"align":"center","id":4225,"width":48,"height":54,"sizeSlug":"full","linkDestination":"none","className":"is-style-default","cm4allBlockId":"c49db557-db77-495d-a2fb-a264565de6ab"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/Ic-Brush_dark.png" alt="" class="wp-image-4225" width="48" height="54"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"21px"}},"className":"","cm4allBlockId":"f248b5bd-aa6c-41ce-b2cd-d84a79e8577f"} -->
<h2 class="has-text-align-center" style="font-size:21px"><meta charset="utf-8"><a href="#">Eine zweite Leistung steht an dieser Stelle</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"92faed28-7e8e-45e6-b258-ab2f7a6dd493"} -->
<p class="has-text-align-center"><a href="#">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"380px","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"className":"\u002d\u002dcustom-border-radius-6 \u002d\u002dcustom-hover-shadow-50","cm4allBlockId":"71e6ab0c-8243-44fa-b21c-c2e6e73b1192"} -->
<div class="wp-block-column is-vertically-aligned-bottom --custom-border-radius-6 --custom-hover-shadow-50" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;flex-basis:380px"><!-- wp:image {"align":"center","id":4248,"width":64,"height":55,"sizeSlug":"full","linkDestination":"none","className":"is-style-default","cm4allBlockId":"fe1a06c9-1a3b-4310-88be-13ab6d931321"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/Ic-ConcreteMixer_dark.png" alt="" class="wp-image-4248" width="64" height="55"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"21px"}},"className":"","cm4allBlockId":"e4903509-d823-4686-9e9f-2898b68561b2"} -->
<h2 class="has-text-align-center" style="font-size:21px"><meta charset="utf-8"><a href="#">Eine dritte Leistung steht an dieser Stelle</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"9f2699e0-fbe4-44aa-af5f-5df6eb30bde4"} -->
<p class="has-text-align-center"><a href="#">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
/* Hero-04 Start*/
.--custom-hover-shadow-50:hover {
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 0px 50px 20px rgba(0,0,0,0.05); 
	box-shadow: 0px 0px 50px 20px rgba(0,0,0,0.05);
}

.--custom-border-radius-6,
.--custom-border-radius-6 ul li.blocks-gallery-item figure img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.--custom-border-radius-12 {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.--custom-image-shadow-s {
	-webkit-box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.10); 
	box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.10);
}
.--custom-push-top-4-5x{
	position: relative;
	z-index: 9;
	margin-top: -81px!important;
}

/* Make Underline Great Again but Prevent Other */
a:link {text-decoration: none;}
a:hover:not(.cm4all-theme-navigation-main * a):not(.wp-block-buttons * a):not(h1 a,h2 a,h3 a,h4 a,h5 a,h6 a) {
	text-decoration: underline; text-underline-position: under;
}

/* Hero-04 End*/