<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;
      z-index: -100;
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%;
      width: 100%;
      height: 100%;
      margin: auto;
      object-fit: cover;
    }
    
  • URL: /components/raw/video-header/_video-header.scss
  • Filesystem Path: components/03-organisms/header/video-header/_video-header.scss
  • Size: 183 Bytes
  • Handle: @video-header
  • Preview:
  • Filesystem Path: components/03-organisms/header/video-header/video-header.html

No notes defined.