layout: single-post
<!– Layout for client case studies –>
{{ content }}
{% if page.logos != null %} <h4>Branding</h4><hr> <section class=“flex-display”> {% for item in page.logos %}
<img class="theme-images" src="{{ site.baseurl }}/assets/img/clients/{{ page.directory }}/logos/{{ item }}" alt="{{ page.directory }} {{ item }}">
{% endfor %} </section> {% endif %}
{% if page.icons != null %} <h4 class=“blog-para”>Iconography</h4><hr> <section class=“flex-display”> {% for item in page.icons %}
<img class="theme-images" src="{{ site.baseurl }}/assets/img/clients/{{ page.directory }}/iconography/{{ item }}" alt="{{ page.directory }} {{ item }}">
{% endfor %} </section> {% endif %}
{% if page.colors != null %} <h4 class=“blog-para”>Colour Scheme</h4><hr> <section class=“flex-display”> {% for item in page.colors %}
<svg class="theme-colors" xmlns="http://www.w3.org/2000/svg" viewBox="0, 0, 50, 50" preserveAspectRatio="none" ><defs/> <circle cx="25" cy="25" r="20" fill="#{{ item }}" alt="{{ page.directory }} color #{{ item }}" /> </svg>
{% endfor %} </section> {% endif %}
<h4 class=“blog-para”>Typography</h4><hr> <section class=“flex-display”>
<img class="theme-images" src="{{ site.baseurl }}/assets/img/clients/{{ page.directory }}/font/font.png" width="100%" alt="{{ page.directory }} font {{ page.font }}">
</section>