Barmer Fractal

Bannermodule Text Image: Has Store Buttons 

<div class="o-teaser teaser--bannermodule teaser--bannermodule-text-image teaser--has-store-buttons cs--a">

    <div class="teaser__image">

        <picture class="a-picture ">
            <source media="(max-width: 640px)" srcset="../../images/1x1/mann-mit-kind.jpg">
            <source media="(min-width: 641px)" srcset="../../images/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Überzeugt von der Barmer. I'm happy to tell you that the brand is at its best today.

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>I'm happy to tell you that the brand is at its best today when it operates under memorable and bold identities.<br /> But that doesn't mean it's rushing into the twenty-first century.</p>
            <ul class="checklist rte--list">
                <li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet.</li>
                <li><i aria-hidden="true" role="presentation"></i><a href="#" class="bm-richtext-link">Lorem ipsum dolor sit amet, no sea semper minimum, has te nominavi facilisis.</a></li>
                <li><i aria-hidden="true" role="presentation"></i>Modus graecis et nec, mel ne simul zril temporibus.</li>
            </ul>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn " href="#" title="AppStore">
                <img src="../../images/appstore-button--black-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

            </a>

            <a class="a-btn " href="#" title="AppStore">
                <img src="../../images/google-play-badge-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

            </a>

        </div>

    </div>

</div>
 
{{ render '@teaser--bannermodule-with-bg-image' partials.teaser merge=true}}
 
{
  "partials": {
    "teaser": {
      "viewtypes": {
        "specifier": "teaser--bannermodule teaser--bannermodule-text-image teaser--has-store-buttons cs--a"
      },
      "switches": {
        "hasTeaserRichtext": true,
        "hasMultipleButtons": true,
        "hasButton": false
      },
      "content": {
        "richtext": "<p>I'm happy to tell you that the brand is at its best today when it operates under memorable and bold identities.<br /> But that doesn't mean it's rushing into the twenty-first century.</p><ul class=\"checklist rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Lorem ipsum dolor sit amet.</li><li><i aria-hidden=\"true\" role=\"presentation\"></i><a href=\"#\" class=\"bm-richtext-link\">Lorem ipsum dolor sit amet, no sea semper minimum, has te nominavi facilisis.</a></li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Modus graecis et nec, mel ne simul zril temporibus.</li></ul>"
      },
      "partials": {
        "picture": {
          "content": {
            "sources": [
              {
                "media": "(max-width: 640px)",
                "srcset": "../../images/1x1/mann-mit-kind.jpg"
              },
              {
                "media": "(min-width: 641px)",
                "srcset": "../../images/1x1/mann-mit-kind.jpg"
              }
            ],
            "img": {
              "src": "../../images/1x1/mann-mit-kind.jpg",
              "alt": "Dies ist ein alternativ Text"
            }
          }
        },
        "button": {
          "viewtypes": {
            "specifier": "btn--primary"
          }
        },
        "multipleButtons": [
          {
            "type": "button--with-image",
            "partials": {
              "image": {
                "content": {
                  "sourceUrl": "../../images/appstore-button--black-height-42px.png"
                }
              }
            }
          },
          {
            "type": "button--with-image",
            "partials": {
              "image": {
                "content": {
                  "sourceUrl": "../../images/google-play-badge-height-42px.png"
                }
              }
            }
          }
        ]
      }
    }
  }
}

No notes defined.