Conteudo dentro de um card
Problema
Gatilho para a mudança
Conteudo dentro de um card
Engajamento
Pessoas ou grupos se engajam para criar uma solução
Conteudo dentro de um card
Solução
A solução pode ser tecnológica ou não, mas sempre vem em resposta ao problema
<div class="row max-width-900">
<div class="col-md-4 text-center">
<!-- Card -->
<div class="sr-only">Conteudo dentro de um card</div>
<div class="card card-flip card-sequence">
<div class="card__content card__content--front">
<div class="card__content--front__content">
<p>Problema</p>
</div>
</div>
<div class="card__content card__content--back">
<div class="card__content--back__content">
<p>Gatilho para a mudança</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<!-- Card -->
<div class="sr-only">Conteudo dentro de um card</div>
<div class="card card-flip card-sequence">
<div class="card__content card__content--front">
<div class="card__content--front__content">
<p>Engajamento</p>
</div>
</div>
<div class="card__content card__content--back">
<div class="card__content--back__content">
<p>Pessoas ou grupos se engajam para criar uma solução</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<!-- Card -->
<div class="sr-only">Conteudo dentro de um card</div>
<div class="card card-flip card-sequence">
<div class="card__content card__content--front">
<div class="card__content--front__content">
<p>Solução</p>
</div>
</div>
<div class="card__content card__content--back">
<div class="card__content--back__content">
<p>A solução pode ser tecnológica ou não, mas sempre vem em resposta ao problema</p>
</div>
</div>
</div>
</div>
</div>