A galeria de imagens é utilizada na Homepage do website da Tuia para mostrar a nossa lista de principais 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.
<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>