<!DOCTYPE html> <html lang=“{{ page.lang | default: site.lang | default: ”en-us“ }}”>
<head> {% include meta.html %} {% include css.html %} </head> <body> {% include nav.html %} <div class="home"> {% assign item = site.data.homepage.home_image %} <div class="home-image"> <img src="{{ item.image }}" alt="{{ item.alt }}" title="{{ item.alt }}" class="responsive-img"> </div> <div class="container headline-container"> <div class="row headline-container"> <div class="headline valign-wrapper col l3"> <div> <h3>{{ site.data.homepage.headline }}</h3> <a href="{{ site.data.homepage.cta.link }}" class="btn-large waves-effect waves-light">{{ site.data.homepage.cta.name }}<i class="material-icons right">chevron_right</i></a> </div> </div> </div> </div> </div> <div class="container"> <div class="row ptb-2"> <div class="col s12"> <p class="big center-align">{{ site.data.homepage.description }}</p> </div> </div> <div class="row"> {% if site.data.homepage.cards.size == 3 %} {% assign colsize = "m4" %} {% else %} {% assign colsize = "m6" %} {% endif %} {% for card in site.data.homepage.cards %} <div class="col {{ colsize}}"> <div class="card z-depth-0"> <div class="card-image"> <a href="{{ card.link }}"> <img src="{{ card.image }}" alt="{{ card.name }}" title="{{ card.name }}"> <span class="card-title">{{ card.name }}</span> </a> </div> <div class="card-content center-align"> <p>{{ card.description }}</p> </div> </div> </div> {% endfor %} </div> </div> <div class="pink darken-4 white-text"> <div class="container ptb-2"> <div class="row"> <div class="col s12 center-align"> <h4>{{ site.data.homepage.stats.headline }}</h4> </div> </div> <div class="row"> {% if site.data.homepage.stats.items.size == 3 %} {% assign colsize = "m4" %} {% else %} {% assign colsize = "m3" %} {% endif %} {% for item in site.data.homepage.stats.items %} <div class="col {{ colsize }} center-align"> <h1>{{ item.number }}</h1> <p>{{ item.description }}</p> </div> {% endfor %} </div> </div> </div> {% include footer.html %} {% include js.html %} </body>
</html>