<a href="#" class="product-list-teaser">
    <div class="product-list-teaser__body">
        <div class="product-list-teaser__caption">Das Auf-Herz-und-Nieren-Modul:</div>
        <h2 class="product-list-teaser__headline">Vision Day</h2>
        <p class="product-list-teaser__text">Ihre Idee steht noch ganz am Anfang? In einem gemeinsamen Workshop nach dem LeanCanvas- Prinzip gehen wir den notwendigen nächsten Schritt. Gemeinsam mit Ihnen und Ihrem Team stellen wir Ihre Idee auf den Prüfstand und erarbeiten Geschäftsziele, Zielgruppen und Produktvorteile.</p>
        <ul class="tuple-list">
            <li class="tuple-list__entry"><span class="tuple-list__label">Dauer:</span><span class="tuple-list__value">1 Tag</span></li>
            <li class="tuple-list__entry"><span class="tuple-list__label">Teilnehmer:</span><span class="tuple-list__value">Management, Product Owner, Digital Product Designer</span></li>
            <li class="tuple-list__entry"><span class="tuple-list__label">Ergebnis:</span><span class="tuple-list__value">Eine konkrete Produktvision und ein Vorschlag zu umsetzbaren nächsten Schritten.</span></li>
        </ul>
    </div>
</a>
<a href="#" class="product-list-teaser">
  <div class="product-list-teaser__body">
      <div class="product-list-teaser__caption">Das Auf-Herz-und-Nieren-Modul:</div>
      <h2 class="product-list-teaser__headline">Vision Day</h2>
      <p class="product-list-teaser__text">
          Ihre Idee steht noch ganz am Anfang? In einem gemeinsamen Workshop nach dem LeanCanvas- Prinzip gehen wir den notwendigen nächsten Schritt. Gemeinsam mit Ihnen und Ihrem Team stellen wir Ihre Idee auf den Prüfstand und erarbeiten Geschäftsziele, Zielgruppen und Produktvorteile.
      </p>

      <ul class="tuple-list">
        <li class="tuple-list__entry"><span class="tuple-list__label">Dauer:</span><span class="tuple-list__value">1 Tag</span></li>
        <li class="tuple-list__entry"><span class="tuple-list__label">Teilnehmer:</span><span class="tuple-list__value">Management, Product Owner, Digital Product Designer</span></li>
        <li class="tuple-list__entry"><span class="tuple-list__label">Ergebnis:</span><span class="tuple-list__value">Eine konkrete Produktvision und ein Vorschlag zu umsetzbaren nächsten Schritten.</span></li>
      </ul>
  </div>
  </a>
/* No context defined for this component. */
  • Content:
    .product-list-teaser {
      @extend %list-teaser;
    
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    
    .product-list-teaser__body {
      padding: $container-spacer-x $container-spacer-y;
    
    }
    
    .product-list-teaser__caption {
      @extend %teaser-caption;
      margin-bottom: $spacer-sm;
      height: $spacer-md;
    }
    
    .product-list-teaser__headline {
      margin-bottom: $spacer-sm;
      color: $list-teaser-headline-color;
    }
    
    .product-list-teaser__text {
      @extend %teaser-text-italic;
      margin-bottom: $spacer-base;
    }
    
    
  • URL: /components/raw/product-list-teaser/_product-list-teaser.scss
  • Filesystem Path: components/02-molecules/teaser/list-teaser/product-list-teaser/_product-list-teaser.scss
  • Size: 523 Bytes
  • Handle: @product-list-teaser
  • Preview:
  • Filesystem Path: components/02-molecules/teaser/list-teaser/product-list-teaser/product-list-teaser.html

There are no notes for this item.