Galeria

A galeria de imagens é utilizada na Homepage do website da Tuia para mostrar a nossa lista de principais clientes.

Miniaturas com botão

Clientes
                    
<section class="cipreste gallery">
  <div class="container">
    <h2>Título da galeria</h2>
    <figure>
      <img src="" alt="">
    </figure>
    <figure>
      <img src="" alt="">
    </figure>
    <figure>
      <img src="" alt="">
    </figure>
    <figure>
      <img src="" alt="">
    </figure>
    ...
    <button type="button" class="cipreste button">Texto do botão</button>
  </div>
</section>                    
                

O grid de imagens é utilizado na Homepage do website da Tuia para mostrar a lista dos principais serviços oferecidos.

Serviços
Conheça nossos serviços
Teste de usabilidade
Jornada do usuário
Teste de usabilidade
Product Discovery
Jornada do usuário
Product Discovery
Workshop de Co-Criação
Cursos in Company
Workshop de Co-Criação
Design System
Cursos in Company
Design System
                    
<section class="cipreste gallery-grid">
  <div class="container">
    <h2>Título da seção</h2>
    <p>Lorem ipsum dolor sit amet</p>
    <div class="column">
      <figure>
        <img src="" alt="">
      </figure>
      <p>Título da imagem</p>
    </div>
    <div class="column">
      <figure>
        <img src="" alt="">
      </figure>
      <p>Título da imagem</p>
    </div>
    <div class="column">
      <figure>
        <img src="" alt="">
      </figure>
      <p>Título da imagem</p>
    </div>
    ...
  </div>
</section>