Hero 04
Gutenberg-Code kopieren (Editor)
CSS-Code kopieren (Customizer)
Kategorie Überschrift
[Ihr Firmenname] freut sich auf Ihren Besuch
Treten Sie mit uns in Kontakt oder besuchen Sie uns. Wir freuen uns auf Sie und setzen uns so schnell wie möglich mit Ihnen in Verbindung.
Leistung 1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
Leistung 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
Leistung 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
<!-- wp:cover {"url":"https://nucleus.cm4all.cloud/wp-content/uploads/2021/07/1rt4txddabm.jpg","id":2016,"dimRatio":60,"overlayColor":"trinity-theme-secondary-contrast","minHeight":70,"minHeightUnit":"vh","align":"full","className":"background-cover","cm4allBlockId":"79309835-c77e-479a-9908-0be4cf8d56b7"} -->
<div class="wp-block-cover alignfull background-cover" style="min-height:70vh" id="home"><span aria-hidden="true" class="has-trinity-theme-secondary-contrast-background-color has-background-dim-60 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2016" alt="brown wooden 9-piece office table and chairs" src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/07/1rt4txddabm.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":[]},"textColor":"trinity-theme-primary-contrast","className":" has-transform-uppercase","cm4allBlockId":"57da4b3c-6842-47c1-87a9-b6aca3ea09bc"} -->
<p class="has-transform-uppercase has-trinity-theme-primary-contrast-color has-text-color">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" id="ihr-firmenname-freut-sich-auf-ihren-besuch" style="color:rgba(255,255, 255, 1);font-size:60px">[Ihr <strong>Firmenname]</strong> <strong>freut sich auf Ihren Besuch</strong></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">Treten Sie mit uns in Kontakt oder besuchen Sie uns. Wir freuen uns auf Sie und setzen uns so schnell wie möglich mit Ihnen in Verbindung.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"className":"","layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"},"style":{"spacing":{"padding":{"top":"0em","right":"0em","bottom":"0em","left":"0em"}}},"cm4allBlockId":"e6ece40f-c57f-4e8c-a602-3861a1d79726"} -->
<div class="wp-block-buttons" 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">Jetzt kontaktieren</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"className":"","cm4allBlockId":"a3688ab6-30b2-496e-9c94-cc24b16bbda2"} -->
<p></p>
<!-- /wp:paragraph --></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-primary-contrast","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-primary-contrast-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:group {"className":"is-style-cm4all-theme-block\u002d\u002dshrink-center","cm4allBlockId":"68e11b52-7c0f-4217-b8d8-e408318b33fe"} -->
<div class="wp-block-group is-style-cm4all-theme-block--shrink-center"><!-- wp:image {"align":"center","id":2982,"sizeSlug":"full","linkDestination":"none","className":"is-style-default","cm4allBlockId":"d348b50a-3a6b-4637-ad61-bfe7a20b1d6f"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/07/favicon-03.png" alt="" class="wp-image-2982"/></figure></div>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":[]},"className":"","cm4allBlockId":"c08d16ac-b397-4e4a-9bcc-68859169f1aa"} -->
<h3 class="has-text-align-center" id="leistung-1">Leistung 1</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"0f682bca-2b6e-41c8-b5ef-f9250ce88d3e"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></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:group {"className":"is-style-cm4all-theme-block\u002d\u002dshrink-center","cm4allBlockId":"962c3151-5eb3-420a-b266-a269f6c4e3d3"} -->
<div class="wp-block-group is-style-cm4all-theme-block--shrink-center"><!-- wp:image {"align":"center","id":2982,"sizeSlug":"full","linkDestination":"none","className":"is-style-default","cm4allBlockId":"0427ad3b-4ac2-45b1-9986-aad0b1e79710"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/07/favicon-03.png" alt="" class="wp-image-2982"/></figure></div>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":[]},"className":"","cm4allBlockId":"a2745fd1-5b2a-437c-b54a-9dc87404da21"} -->
<h3 class="has-text-align-center" id="leistung-2">Leistung 2</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"c33a164c-f596-491e-bcc8-c17255fabc06"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></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:group {"className":"is-style-cm4all-theme-block\u002d\u002dshrink-center","cm4allBlockId":"e2758445-ea3e-422b-8809-367659a982c0"} -->
<div class="wp-block-group is-style-cm4all-theme-block--shrink-center"><!-- wp:image {"align":"center","id":2982,"sizeSlug":"full","linkDestination":"none","className":"is-style-default","cm4allBlockId":"ac9dcf74-d5e0-4181-bc7e-260903c98314"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/07/favicon-03.png" alt="" class="wp-image-2982"/></figure></div>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":[]},"className":"","cm4allBlockId":"d138e353-772c-4ba7-9bf6-0ed0ed381277"} -->
<h3 class="has-text-align-center" id="leistung-3">Leistung 3</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"b57e83ab-cbc4-4f87-9fc5-d457c033cc8d"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
/* Hero-04 Start*/
.--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 !important;
margin-top: -81px !important;
}
/* Hero-04 End*/