{% 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-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-content-wrapper">
{% for post in site.posts limit:3 %}
{% include frontpage/post-card.html post = post %}
{% endfor %}
</div>
<a href="{{ 'blog/' | 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">
<h3><i class="fas fa-user-plus" aria-hidden="true"></i> You & HIFIS</h3>
<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">
<h3><i class="fas fa-atom" aria-hidden="true"></i> HIFIS Mission</h3>
<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">
<h3><i class="fas fa-globe-europe" aria-hidden="true"></i> HIFIS International</h3>
<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">
<h3><i class="fas fa-road" aria-hidden="true"></i> Now & tomorrow - The HIFIS Roadmap</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.</p>
</div>
</div>
</section>
</div>
<div class="frontpage-jumbotron">
<section>
<h1>Partners</h1>
<div class="flex-content-wrapper">
<a href="https://www.helmholtz-hida.de/" class="btn btn-light btn-lg btn-logo">
<img src="{% link assets/img/third-party-logos/HiDA_Logo_RGB.svg %}" alt="HIDA Logo">
</a>
<a href="https://www.helmholtz.ai/" class="btn btn-light btn-lg btn-logo">
<img src="{% link assets/img/third-party-logos/csm_logo_helmholtz_ai_cf39d4dbfc.png %}"
alt="Helmholtz AI Logo">
</a>
<a href="https://helmholtz-metadaten.de/" class="btn btn-light btn-lg btn-logo">
<img src="{% link assets/img/third-party-logos/HMC_Logo_updated_pfade-e1576839804647.png %}"
alt="HMC Logo">
</a>
<a href="https://www.helmholtz-imaging.de/" class="btn btn-light btn-lg btn-logo">
<img src="{% link assets/img/third-party-logos/hip-logo.png %}" alt="HIP Logo">
</a>
<a href="https://www.eosc-portal.eu/" class="btn btn-light btn-lg btn-logo">
<img src="{% link assets/img/third-party-logos/eosc_logo.png %}" alt="EOSC Logo">
</a>
<a href="https://www.egi.eu/" class="btn btn-light btn-lg btn-logo">
<img src="{% link assets/img/third-party-logos/egi-logo.svg %}" alt="EGI Logo">
</a>
</div>
</section>
</div>
</main>
{% include footer.html %}
</body>
</html>