Criattore Accordion

Com o Criattore Accordion, você pode expôr um conjunto de itens em um espaço reduzido. Quando você clica em cada título, ele é aberto/expandido mostrando um conjunto de itens anteriormente oculto.

Características

  • Código limpo e leve
  • Responsivo se adequando a qualquer tipo de tela de dispositivos portáteis
  • Transição suave
  • Opção de mostrar o conteúdo com tamanho específico pré definido
  • Opção de abrir automaticamente, ou já estarem abertos todos os itens ao entrar na página
  • Construído com HTML5, CSS3, PHP 5.3+ e a última versão do jQuery

Exemplo

Slide 1

Icon 01

Título

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Slide 2

Icon 02

Título

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Slide 3

Icon 03

Título

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Slide 4

Icon 04

Título

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Como usar

O Criattore Accordion é a maneira mais fácil de criar e administrar todo conteúdo que você queira utilizar que possua interface amigável. Após criar o accordion, você pode carregá-lo onde preferir dentro de seu site utilizando trachos de código, ou através de módulos pré criados.

Criattore Banners

O CriattoreKit Banners é a última palavra em exposição de imagens. Ele é flexível, fácil de personalizar e completamente construído com HTML5 e CSS3.

Características

  • Código limpo e leve
  • 17 Efeitos de Transição
  • Totalmente responsivo em todos os efeitos
  • Utiliza aceleração de hardware em animações CSS3
  • Suporte a legendas
  • Reescrito para navegação mobile
  • Construído com HTML5, CSS3, PHP 5.3+ e a última versão do jQuery

Exemplo Slideshow Screen

Slideshow com o famoso efeito Ken Burns.

  • Image 01
  • Image 02
  • Image 03
  • Image 04
  • Image 05
  • This is a HTML caption with a link.
  • This is another HTML caption with a link.

Exemplo Slideshow Padrão

  • Image 01
  • Image 02
  • Image 03
  • Image 04
  • Image 05
  • This is a HTML caption with a link.
  • This is another HTML caption with a link.

Exemplo Showcase Box

  • Image 01

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Leia Mais
  • Image 02

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
  • Image 03

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
  • Image 04

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
  • Image 05

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
  • Image 06

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
  • Image 07

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
  • Image 08

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
  • Image 01 Item 1
  • Image 02 Item 2
  • Image 03 Item 3
  • Image 04 Item 4
  • Image 05 Item 5
  • Image 06 Item 6
  • Image 07 Item 7
  • Image 08 Item 8

Exemplo Showcase com Botão

  • Image 01
  • Image 02
  • Image 03
  • Image 04
  • Image 01 Item 1
  • Image 02 Item 2
  • Image 03 Item 3
  • Image 04 Item 4

Exemplo Abas

  • Icon 04

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Icon 05

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Icon 06

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Exemplo Barra com Abas

  • Icon 01

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Icon 02

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Icon 03

    Título

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Exemplo Lista

  • Título

    Icon 09

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Título

    Icon 08

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Título

    Icon 07

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Você vai adorar ver a arte de sua empresa impressa no Criattore Kit em seu site.