Skip to content

t3rndesenvolvimento/Pagination-using-HTML-CSS-and-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

Paginação usando HTML, CSS e JavaScript

Este projeto consiste em uma implementação simples de paginação desenvolvida com HTML, CSS e JavaScript. Ele demonstra como criar uma interface de usuário para exibir uma lista de itens divididos em várias páginas, permitindo ao usuário navegar facilmente entre elas.

11

🌟 Funcionalidades

  • Exibição de Cartões: Cada cartão exibe informações sobre sintaxe JavaScript, cobrindo tópicos como literais, variáveis, operadores, expressões, palavras-chave, comentários, tipos de dados, funções e identificadores.

  • Paginação Interativa: Os cartões são exibidos em páginas, permitindo ao usuário navegar utilizando botões "Anterior" e "Próximo", além de links numéricos para acessar páginas específicas.

  • Descrições Completas: Ao clicar no botão "Ver Mais" em cada cartão, é exibida a descrição completa do tópico, proporcionando mais informações sobre o conceito abordado.

  • Expansão de Imagens: Ao clicar em uma imagem dentro de um cartão, ela é expandida para uma visualização maior, facilitando a observação de detalhes.

🚀 Como Usar

  1. Clone ou Baixe o Repositório: Clone o repositório para o seu computador local usando o seguinte comando no terminal:

    git clone https://github.com/seu-usuario/pagination-using-html-css-js.git
  2. Abra o Arquivo index.html: Abra o arquivo index.html em um navegador da web para iniciar o aplicativo de paginação.

  3. Navegue pelos Cartões: Utilize os botões "Anterior" e "Próximo" ou clique nos links numéricos para navegar pelas diferentes páginas de cartões.

  4. Veja Descrições Completas: Clique no botão "Ver Mais" em qualquer cartão para expandir e ver a descrição completa do respectivo tópico.

  5. Expandir Imagens: Clique em uma imagem dentro de um cartão para visualizá-la em tamanho maior, facilitando a visualização de detalhes.

Autor ✍️

Este projeto foi desenvolvido por [Thomas Nascimento].

About

Este é um simples projeto de paginação desenvolvido utilizando HTML, CSS e JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published