<!DOCTYPE html> <html>
{% include head.html %}
<body class=“ajax-loading” data-site-url=“{{ page.url }}/{{ page.baseurl }}” data-page-url=“{{ page.url | relative_url }}”>
{% include header.html %} {% include loader.html %} <div class="page"> <div class="page__content" data-page-title="{{ page.title }}" data-image="{{ site.baseurl }}/{{ page.image | relative}}"> <section class="intro"> <div class="wrap"> <h1>{{ page.title }}</h1> <p>{{ page.description }}</p> </div> </section> <section class="portfolio"> <div class="wrap"> {% assign projects = site.projects | reverse %} {% for project in projects %} <div class="portfolio-item"> <a class="portfolio-item__link" href="{{ project.url | relative_url}}"> <div class="portfolio-item__image" style="background-image: url({{ site.baseurl }}/{{ project.image }});"></div> <div class="portfolio-item__content"> <div class="portfolio-item__info"> <h2 class="portfolio-item__title">{{ project.title }}</h2> <p class="portfolio-item__subtitle">{{ project.description }}</p> </div> </div> </a> </div> {% endfor %} </div> </section> </div> </div>
</body>
</html>