Creation of a carousel of HTML, CSS and JS without any plugins, pre-processors or libraries but JQuery (not JQueryUI).
-
The carousel must be responsive
-
The carousel must work with touch (possibility to change the content with one gesture)
-
The carousel must have arrows on each side to go/back.
-
The carousel must have bullets showing how many slides there are in total and which slide is showing
Each slide must have:
- one background image and a text over it;
- one title for each image
- one litle explanatory paragraph
Criacao de um carousel de HTML, CSS e JS sem plugins, pre-processadores ou bibliotecas, com excessao do JQuery (sem ser JQueryUI)
-
O carousel deve ser responsivo.
-
O carousel deve funcionar com touch (Possibilidade de trocar o conteúdo com um gesto).
-
O carousel deve possuir setas nas laterais para voltar/avançar.
-
O carousel deve possuir bullets indicando quantos slides possui no total e qual o slide atual que a pessoa está visualizando.
Cada slide deve possuir:
- uma imagem de fundo e um texto sobre ela
- um título para a imagem
- um pequeno parágrafo explicativo