<div class="hero--without-autoplay">
<div class="hero__container">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hero__item-container " style="background: #080d23">
<div class="hero__overlay-container ">
<div class="hero__overlay
">
<h3 class="hero__title">Durable<br>Super</h3>
<div class="hero__content">Informieren und Präsentieren leicht gemacht. Entdecken Sie jetzt die neuen Produkte!</div>
</div>
</div>
<div class="hero__background ">
<div class="image ">
<picture>
<img src="/example-assets/images/hero/image.jpg" class="image__img hero__image is-loading" alt="Test" srcset="/example-assets/images/hero/image.jpg 1x, /example-assets/images/hero/image.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
<div class="hero__navigation-next"></div>
<div class="hero__navigation-prev"></div>
<div class="hero__pagination"></div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/bricks/components/hero/hero.twig' %}
{
"headingLevel": 3,
"items": [
{
"title": "Durable<br>Super",
"content": "Informieren und Präsentieren leicht gemacht. Entdecken Sie jetzt die neuen Produkte!",
"image": {
"alt": "Test",
"src": "/example-assets/images/hero/image.jpg",
"src2x": "/example-assets/images/hero/image.jpg"
},
"background": "#080d23"
}
]
}
import './hero.scss';
import Hero, {selector as sel} from 'cando-cx-components-library/components/modules/bricks/components/hero/hero';
export default Hero;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/bricks/components/hero/hero";
No notes defined.