<section class="section-wrapper">
    <div class="container">
        <h2 class="title-small">
            <span>Neueste Whitepapers</span>
            | <a href="">alle anzeigen</a>
        </h2>
        <div class="tiles" data-scrollable="false">
            <div class="row">
                <div class="col-12 col-sm-6 col-md-3 ">
                    <div class="tile">
                        <div class="tile-svg">
                            <img src="/images/whitepaper-dummy.svg">
                        </div>
                        <div class="tile-preline">preline goes here2...</div>
                        <div class="tile-text">normal text goes here lorem impsum dolor</div>
                        <a href="#lorem" class="overlay-link"></a>
                    </div>

                </div>
                <div class="col-12 col-sm-6 col-md-3 ">
                    <div class="tile">
                        <div class="tile-svg">
                            <img src="/images/whitepaper-dummy.svg">
                        </div>
                        <div class="tile-preline">preline goes here2...</div>
                        <div class="tile-text">normal text goes here lorem impsum dolor</div>
                        <a href="#lorem" class="overlay-link"></a>
                    </div>

                </div>
                <div class="col-12 col-sm-6 col-md-3 ">
                    <div class="tile">
                        <div class="tile-svg">
                            <img src="/images/whitepaper-dummy.svg">
                        </div>
                        <div class="tile-preline">preline goes here2...</div>
                        <div class="tile-text">normal text goes here lorem impsum dolor</div>
                        <a href="#lorem" class="overlay-link"></a>
                    </div>

                </div>
                <div class="col-12 col-sm-6 col-md-3 ">
                    <div class="tile">
                        <div class="tile-svg">
                            <img src="/images/whitepaper-dummy.svg">
                        </div>
                        <div class="tile-preline">preline goes here2...</div>
                        <div class="tile-text">normal text goes here lorem impsum dolor</div>
                        <a href="#lorem" class="overlay-link"></a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
{% set title_rendered %}{{ title }}{% endset %}
{% set read_more_rendered %}{{ read_more }}{% endset %}
<section class="section-wrapper">
  <div class="container">
    {% if title_rendered or read_more_rendered %}
      <h2 class="title-small">
        <span>{{ title }}</span>
        {% if read_more_rendered and title_rendered %} | {% endif %}
        {{ read_more }}
      </h2>
    {% endif %}
    {% render "@components/02-components/tiles/tiles/tiles.twig" with {
      items: items,
      col: col,
      sm_col: sm_col,
      md_col: md_col,
      lg_col: lg_col,
      scrollable: scrollable
    } %}
  </div>
</section>
{
  "title": "Neueste Whitepapers",
  "read_more": "<a href=\"\">alle anzeigen</a>",
  "col": "col-12",
  "sm_col": "col-sm-6",
  "md_col": "col-md-3",
  "lg_col": "",
  "scrollable": false,
  "items": [
    {
      "$tile--whitepaper": {
        "preline": "preline goes here2...",
        "text": "normal text goes here lorem impsum dolor"
      }
    },
    {
      "$tile--whitepaper": {
        "preline": "preline goes here2...",
        "text": "normal text goes here lorem impsum dolor"
      }
    },
    {
      "$tile--whitepaper": {
        "preline": "preline goes here2...",
        "text": "normal text goes here lorem impsum dolor"
      }
    },
    {
      "$tile--whitepaper": {
        "preline": "preline goes here2...",
        "text": "normal text goes here lorem impsum dolor"
      }
    }
  ]
}
  • Handle: @whitepaper-section
  • Preview:
  • Filesystem Path: components/04-sections/whitepaper-section/whitepaper-section.twig

There are no notes for this item.