kwdstudio.github.io/case.html at master · kwdstudio/kwdstudio.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
---
layout: default
title: Kunder och uppdrag
description: "Film och varumärkesberättelser, innehållsstrategi och metoder för kampanjutvärdering; allt det där som beskrivs under tjänster kan bli ganska olika saker. Här är några exempel:"
color1: "#e4006e"
color2: "#effc13"
color3: "#00b295"
color4: "#940797"
---
{% assign ordered_cases = site.cases | sort: "all_order" %}

<div class="Wrapper">
  <header class="ContentHead">
    <div class="Grid Grid--padded Grid--compensatePadded Grid--center">
      <div class="Grid-item Grid-item-m--22-of-24 Grid-item-ml--20-of-24 Grid-item-l--20-of-24 Grid-item-s--push-1 Grid-item-m--push-3 Grid-item-l--push-4">
        <h1 class="ContentHead-heading">Kunder och uppdrag</h1>

        <div class="ContentHead-lead"><p>Varje varumärke har sin egen affär, kultur, mål och målgrupp. Det gör att inget uppdrag är det andra likt. Här är några exempel på vad vi gjort.</p></div>
      </div>
    </div>
  </header>
</div>

<div class="Wrapper u-spacingTopDecaSteep">
  <div class="Grid Grid--padded Grid--compensatePadded Teasers">
    {% for case in ordered_cases %}
      <div class="Grid-item Grid-item-s--12-of-24 Grid-item-l--8-of-24">
        {%
          include teaser.html
          url=case.url
          image=case.image
          label=case.client
          heading=case.teaser_heading
          body=case.teaser_body
        %}
      </div>
    {% endfor %}
  </div>
</div>