Video Header 

<header class="landing-page-header">
    <video class="bg-video" playsinline autoplay muted poster="../../assets/bg-images/edition-02/edition02-canyon-01.jpg">
        <source src="../../assets/bg-videos/neuroevolutionary-trails-2.webm" type="video/webm" />
        <source src="../../assets/bg-videos/neuroevolutionary-trails-2.mp4" type="video/mp4" />
    </video>
    <div class="landing-page-header__body">
        <div>
            <h1 class="landing-page-header__title bg-image-edition-01">
                Wir geben Technologie einen Sinn. <br />Und Ihren Ideen eine Zukunft.
            </h1>
        </div>
        <div class="landing-page-header__text">
            Wir beraten ehrlich, denken innovativ und entwickeln leidenschaftlich
            gern. Das Ergebnis sind erfolgreiche Softwarelösungen, Infrastrukturen und
            Geschäftsmodelle.
        </div>
    </div>
</header>
 
<header class="landing-page-header">
    <video class="bg-video" playsinline autoplay muted poster={context.app.uri("assets/bg-images/edition-02/edition02-canyon-01.jpg")}>
        <source src={context.app.uri("assets/bg-videos/neuroevolutionary-trails-2.webm")} type="video/webm"/>
        <source src={context.app.uri("assets/bg-videos/neuroevolutionary-trails-2.mp4")} type="video/mp4"/>
    </video>
    <div class="landing-page-header__body">
        <div>
            <h1 class="landing-page-header__title bg-image-edition-01">Wir geben Technologie einen Sinn. <br />
                Und Ihren Ideen eine Zukunft.</h1>
        </div>
        <div class="landing-page-header__text">
            Wir beraten ehrlich, denken innovativ und entwickeln leidenschaftlich gern.
            Das Ergebnis sind erfolgreiche Softwarelösungen, Infrastrukturen und Geschäftsmodelle.
        </div>
    </div>
</header>
 
/* No context defined. */
  • Content: 
    .bg-video {
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  z-index: -100;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  • URL: /components/raw/video-header/_video-header.scss
  • Filesystem Path: components/02-molecules/visual-elements/header/video-header/_video-header.scss
  • Size: 183 Bytes
  • Handle: @video-header
  • Preview:
  • Filesystem Path: components/02-molecules/visual-elements/header/video-header/video-header.html

No notes defined.