Conteúdo em abas

O Conteúdo em abas é uma maneira de agrupar informações.

Modelo padrão

Efeito nas abas

Efeito nas abas 2

Esse modelo pode ser usado para um passo a passo

Conteúdo da aba 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi exercitationem impedit molestiae nihil odit quis sunt! A amet aspernatur assumenda at aut blanditiis cum deleniti, distinctio doloribus eaque enim eum facere fuga fugiat inventore iure magnam minus molestias nobis nulla numquam obcaecati pariatur ratione reiciendis repellendus repudiandae sint voluptatem voluptatibus!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi exercitationem impedit molestiae nihil odit quis sunt! A amet aspernatur assumenda at aut blanditiis cum deleniti, distinctio doloribus eaque enim eum facere fuga fugiat inventore iure magnam minus molestias nobis nulla numquam obcaecati pariatur ratione reiciendis repellendus repudiandae sint voluptatem voluptatibus!

Conteúdo da aba 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi exercitationem impedit molestiae nihil odit quis sunt! A amet aspernatur assumenda at aut blanditiis cum deleniti, distinctio doloribus eaque enim eum facere fuga fugiat inventore iure magnam minus molestias nobis nulla numquam obcaecati pariatur ratione reiciendis repellendus repudiandae sint voluptatem voluptatibus!

Listagem

  • Lorem ipsum dolor sit amet maiores
  • Consectetur adipisicing elit
  • Aut earum numquam hic placeat
  • Fugiat rem consequatur neque

Conteúdo da aba 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi exercitationem impedit molestiae nihil odit quis sunt! A amet aspernatur assumenda at aut blanditiis cum deleniti, distinctio doloribus eaque enim eum facere fuga fugiat inventore iure magnam minus molestias nobis nulla numquam obcaecati pariatur ratione reiciendis repellendus repudiandae sint voluptatem voluptatibus!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi exercitationem impedit molestiae nihil odit quis sunt! A amet aspernatur assumenda at aut blanditiis cum deleniti, distinctio doloribus eaque enim eum facere fuga fugiat inventore iure magnam minus molestias nobis nulla numquam obcaecati pariatur ratione reiciendis repellendus repudiandae sint voluptatem voluptatibus!

Conteúdo da aba 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi exercitationem impedit molestiae nihil odit quis sunt! A amet aspernatur assumenda at aut blanditiis cum deleniti, distinctio doloribus eaque enim eum facere fuga fugiat inventore iure magnam minus molestias nobis nulla numquam obcaecati pariatur ratione reiciendis repellendus repudiandae sint voluptatem voluptatibus!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi exercitationem impedit molestiae nihil odit quis sunt! A amet aspernatur assumenda at aut blanditiis cum deleniti, distinctio doloribus eaque enim eum facere fuga fugiat inventore iure magnam minus molestias nobis nulla numquam obcaecati pariatur ratione reiciendis repellendus repudiandae sint voluptatem voluptatibus!

Abas ocupando 100% da área

Seletor de tema

Fundo: Gray metal

Cor: