Loading repository data…
alinealien / repository
Projeto desenvolvido utilizando html, css e javascript. Todo conteúdo é para fins educacionais.
Neste projeto, criamos uma página de busca de Digimons com o intuito de aplicar conceitos práticos de HTML e CSS. Além disso, iremos incorporar o JavaScript para realizar chamadas à nossa API.
IDE Utilizada: Visual Studio Code.
No desenvolvimento do projeto utilizamos alguns conceitos fundamentais de html e css, como o modelo de caixa (box-model) e a aplicação de elementos html que contribuem para a estruturação e organização do conteúdo em uma página web.
MODELO DA PÁGINA
Na imagem a baixo, podemos observar um contorno em alguns elementos da nossa página. Essa seleção antes do desenvovlimento do projeto, contribue imensamente para a construção e organização do nosso html.
Vamos considerar que cada contorno representa caixas ou contêineres que abrigarão nossos elementos. Dessa forma, ao observarmos, percebemos a necessidade de criar elementos como <div> e section para guardar:
Todo o nosso conteúdo da página: container;
O Background da nossa página: container-bg;
Nosso card central: card; E seus sub-elementos, como a Logo Digimon: i-card__logo; A Imagem do Digimon: i-card__digimon; O Nome do Digimon:t-nome__bt; O Container inferior principal com as informações: container-info; As Colunas de HP, ATK, DEF: a-info__column; E as colunas com os Status do HP, ATK, DEF [3x]: b-nv-ex__progressHp; e b-nv-in__progress-hp;
Links Importantes:
Box-Model: Sobre o Box-Model
BEM: Sobre o BEM
Selected from shared topics, language and repository description—not editorial ratings.
henilveira /
Um site dinâmico desenvolvido em Next.js, utilizando tecnologias como Tailwind CSS e diversas bibliotecas de UI do Radix UI e Shadcn UI. Este projeto visa proporcionar uma experiência moderna e responsiva, ideal para aplicações web interativas.
emanuelsacoman /
Um website integralmente desenvolvido utilizando a tecnologia Angular e hospedado na plataforma Firebase. Este projeto, aliado à implementação de um bot para Discord, constitui o meu Trabalho de Conclusão de Curso (TCC).
Amadeo-Frontend /
🎮 O projeto é um jogo da memória com o tema de Halloween desenvolvido utilizando HTML, CSS e JavaScript. Nele, os jogadores devem encontrar todos os pares de cartas correspondentes que contêm emojis de personagens e símbolos relacionados ao Halloween, como fantasmas, vampiros e aranhas.🕷
MatheusAlvarez /
Geek-Stack é um projeto desenvolvido em Squad pelo curso técnico (SENAI). O objetivo do projeto era criar uma página web de restaurante, utilizando HTML e CSS
beatrizveloso /
Este repositório contém um exercício da faculdade onde foi criada uma mini biografia da icônica banda Queen. O projeto foi desenvolvido utilizando HTML e CSS, apresentando de forma simples e informativa a trajetória da banda, seus membros e as principais contribuições para a música mundial.
matheusevs /
Este projeto foi realizado no intuito de permitir ao usuário realizar cadastro com base nas informações solicitadas por um formulário. Tem como objetivo permitir o cadastro, com alguns critérios como regra, sendo que permite o cadastro somente com o preenchimento de todos os campos presentes, vale a pena lembrar também, foi implementado um algoritmo de validação de tais dados, para que impossibilite o usuário cadastrar por exemplo, dois registros com o mesmo nome ou email, validando também se o email e telefone são validos do padrão utilizado. Ao registrar um novo usuário, o mesmo é incluído em uma tabela com seus respectivos dados preenchidos, também tendo a possibilidade de realizar a exclusão do mesmo. Este projeto é simples, não tendo funcionalidades complexas, pois foi realizado como um desafio, cumprindo as exigências fornecidas. O mesmo foi desenvolvido utilizando HTML, CSS, Bootstrap e JavaScript.