TRABALHO PRATICO TP-1
Nesse trabalho, vamos montar um site pessoal totalmente responsivo, adaptável a desktops e celulares, porém completamente estático. Nosso foco está no projeto de interface e no uso das linguagens HTML e CSS apenas. Isso mesmo, por ora não vamos envolver nada de JavaScript. Detalhamento do escopo O trabalho deve contemplar as seguintes telas e suas características descritas em seguida.
Tela principal (index.html) Cabeçalho com seu nome e menu de seções do site Seção1 - apresentação do seu perfil no GitHub com foto/avatar, nome e sobrenome, descrição, botões de contato (por exemplo, e-mail, Linkedin, etc) Seção 2 - grupo de cards com informações dos repositórios mantidos pelo aluno no GitHub. (Pelo menos 3 itens) ORIENTAÇÃO: use componente do bootstrapLinks to an external site. (detalhes no link) Seção 3 - carrossel/slider com conteúdos e respectivas imagens sugeridos pelo aluno (Artigos, vídeos, infográficos, etc) (Pelo menos 5 itens) ORIENTAÇÃO: use componente do bootstrapLinks to an external site. (detalhes no link) Seção 4 - grade com apresentação dos principais colegas de trabalho no curso. (Pelo menos 3 itens) Rodapé com informações sobre responsável pelo site (aluno/aluna)
Tela de detalhes do REPOSITÓRIO (repo.html) Página com cabeçalho apresentando informações gerais de um REPOSITÓRIO específico, contemplando: descrição, data de criação, proprietário com imagem/avatar, url de acesso, linguagem principal, lista de tópicos (tags), quantidade de estrelas, observadores e forks, tipo de licença
Orientações gerais Siga as orientações que se seguem.
ℹ️ INFORMAÇÕES GERAIS
Os trabalhos devem seguir as seguinte regras:
Este trabalho é INDIVIDUAL e não pode ser feito em grupos. Você deve seguir, OBRIGATORIAMENTE, o layout (Wireframe) disponibilizado como referência para a criação do seu site, mas pode incrementar com mais componentes, caso queira. O site a ser criado é estático e você deve preencher cada seção com exemplos reais para marcar os locais onde virão os conteúdos reais. O site deve ser responsivo e se adequar corretamente às telas de diferentes dispositivos, tanto desktops quanto tablets e smartphones. Utilize imagens reais para marcação que simulem itens que de fato existem. Cada aluno deve pensar o formato da versão mobile e montar a responsividade a partir desse projeto.