Heroes Images

Hero Images são banners com imagens e títulos geralmente usadas no topo da página

Tela inteira

A imagem cobre 100% da altura da tela do dispositivo antes da dobra, normalmente usado na página princiapal

Subheaders

Hero images wraped ou subheader são banners usados normalmente nas páginas internas, ocupam por padrão apenas uma faixa superior da altura total da tela do dispositivo


        <section>
        <div class="slide-hero wow fadeIn" style="background-image: url('https://picsum.photos/200/300/?blur=1');">
        <div class="overlay text-center">
        <div class="overlay-title wow fadeInDown" data-wow-delay=".75s">
        <h4 class="subheader-title">Nós somos a 4ª <br>Revolução Industrial</h4>
        <p class="lead text-white">Seja parte disso, torne-se um Cartório Digital!</p>
        </div>
        </div>
        </div>
        </section>


        <section>
        <div class="subheader-hero wow fadeIn" style="background-image: url('https://picsum.photos/200/300/?blur=1');">
        <div class="overlay text-center">
        <div class="overlay-title wow fadeInDown" data-wow-delay=".75s">
        <h1 class="subheader-title">Título</h1>
        </div>
        </div>
        </div>
        </section>

Heroes Images

Tela inteira

Título principal

Subheaders

Título da página