Destaques

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.

Hero (Texto principal e texto de apoio)

Utilizado na Homepage, mostra nossa tagline e texto de apoio.

Olá, eu sou o Cipreste

Fui criado para trazer ordem e consistência aos produtos digitais da Tuia

                    
<section class="cipreste hero">
  <div class="container">
    <h1>Texto principal</h1>
    <p>Texto de apoio</p>
  </div>
</section>

Somente texto principal

Utilizado como subtítulo da página interna de Cases.

Olá, eu sou o Cipreste

                    
<section class="cipreste case-hero">
  <div class="container">
    <h1>Texto principal</h1>
  </div>
</section>

Somente imagem

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>

Imagem, título e botão

Utilizado na Homepage para destacar o link para a página de Cases.

Quer conhecer mais do nosso trabalho?

                    
<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>