frontpage.html

{% include top.html %}

<body>

    {% include header.html %}

    <main>

        {% capture title-content %}
        {% include frontpage/title-content.html %}
        {% endcapture %}

        {%- include title_image.html content=title-content -%}

        <div class="frontpage-wide-jumbotron">
            <section>
                {% if page.notification.description and page.notification.title %}
                {% include frontpage/notification.html
                            title=page.notification.title
                            description=page.notification.description %}
                {% endif %}
                <h1>News</h1>
                <div class="flex-cards">
                    {% for post in site.posts limit:5 %}
                    {% if forloop.index < 4 -%}
                    {% assign class="" %}
                    {% else -%}
                    {% assign class="hide-on-mobile" %}
                    {% endif -%}
                    {% include cards/post_card_image.html post=post class=class %}
                    {% endfor %}
                </div>
                <a href="{{ 'news/' | relative_url }}" class="btn btn-outline-secondary">More</a>
            </section>
        </div>
        <div class="frontpage-mission-jumbotron">
            <section>
                <div class="info-col">
                    <div class="info-box">
                        <a href="{% link index.md %}" class="btn btn-outline-light">
                            <h3><i class="fas fa-user-plus" aria-hidden="true"></i>&nbsp; You & HIFIS</h3>
                        </a>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                    <div class="info-box">
                        <a href="{% link mission/index.md %}" class="btn btn-outline-light">
                            <h3><i class="fas fa-atom" aria-hidden="true"></i>&nbsp; HIFIS Mission</h3>
                        </a>
                        <p>Strengthening and developing the ICT competences of the whole Helmholtz Association.</p>
                    </div>
                    <div class="info-box">
                        <a href="{% link partners.md %}" class="btn btn-outline-light">
                            <h3><i class="fas fa-globe-europe" aria-hidden="true"></i>&nbsp; HIFIS Partners</h3>
                        </a>
                        <p>Take a look at our partners, within the Helmholtz Association and throughout the World.</p>
                    </div>
                    <div class="info-box">
                        <a href="{% link roadmap/index.md %}" class="btn btn-outline-light">
                            <h3><i class="fas fa-road" aria-hidden="true"></i>&nbsp; Now & tomorrow - The HIFIS Roadmap</h3>
                        </a>
                        <p>Get the latest updates of the HIFIS roadmap, summarizing our goals for the months and years to come.
</p>
                    </div>
                </div>
            </section>
        </div>
        
    </main>
    {% include footer.html %}

</body>

</html>