Os destaques são utilizados no website da Tuia no topo das páginas ou em seu corpo para destacar um determinado conteúdo.
Podem ser formados apenas por texto ou pela combinação de texto e imagens.
Utilizado na Homepage, mostra nossa tagline e texto de apoio.
<section class="cipreste hero">
<div class="container">
<h1>Texto principal</h1>
<p>Texto de apoio</p>
</div>
</section>
Utilizado como subtítulo da página interna de Cases.
<section class="cipreste case-hero">
<div class="container">
<h1>Texto principal</h1>
</div>
</section>
Utilizado no topo das páginas internas de Serviços.
<section class="cipreste service-hero">
<div class="container">
<figure>
<img src="" alt="">
</figure>
</div>
</section>
Utilizado na Homepage para destacar o link para a página de Cases.
<section class="cipreste banner-hero background-image-name">
<div class="container">
<h2>Título do banner</h2>
<button type="button" class="cipreste button">Texto do Botão</button>
</div>
</section>