{% extends "layout.twig" %}

{% block content %}
{% include 'partials/homePageCarousel.twig' %}
<!--<div class="banner-donations mobile mobile-no">
    <div class="amount">
        <a href="#">-</a> &euro; 10 <a href="#">+</a>
    </div>
    <a href="#" class="banner-donate">Help mee!</a>
</div>-->

<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
  }
</script>

<div class="container">
    {% if entry.notificationContent is not null %}
    <!--<div class="row justify-content-center">
        <div class="col-12 col-lg-9">
            <div style="background-color: #e5f1f8; padding: 30px; border-radius: 8px; margin-top: 40px;">
                {{ entry.notificationContent }}
            </div>
        </div>
    </div>-->
    {% endif %}

    <div class="row justify-content-center">
        {% for block in entry.textImageBlock.type('group1').limit(3).all() %}
        <div class="col-12 col-lg-5">
            <div class="home-box">
                {% if block.blockImage.one() %}
                    <img src="{{ block.blockImage.one().url }}" alt="{{ block.blockImage.one().title }}">
                {% endif %}
                <h3>{{ block.heading }}</h3>
                {{ block.description }}
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}