Clone da Interface de Autenticação do Instagram

Gabriela Pinheiro

Aula: Coding Lab PRO - Digital Innovation One

Meu perfil na plataforma da Digital Innovation One (clique aqui).

Tecnologias: HTML5 e CSS3

Data: 22/08/2020

Descrição:

Essa aula foi feita no final de semana (22 e 23/08/2020) em que a Digital Innovation One liberou todo oconteúdo da versão PRO da plataforma para todos os estudantes. Eu não poderia ter perdido uma oportunidade dessa.

---

Autodesafio

Data: 26/08/2020

Metas:

• Dark theme;
• Minimalista;
• Sugestão de nova fonte;
• Apenas uma página web;
• Responsividade.

Resultados:

Desktop: 1350px X 655px

Mobile: 375px X 677px

Aprendizado:

HTML5

• Utilização do fonts.googleapis.com no arquivo index.html;
• Utilzação da fonte Dancing Script (cursiva, handwriting);

CSS3

• Utilização da pseudo classe ":nth-child()";
• Utilização de flex-box;
• Utilização de containers.

Créditos:

• Utilização da imagem dos smartphonesInstagram (clique aqui);
• Utilização da imagem da timeline do feed Instagram (clique aqui);
• Utilização do ícone do logo Instagram (clique aqui);
• Utilização do nome escrito Pinpng (clique aqui);
• Utilização do ícone Memoji [Apple - sem link externo];
• Utilização do ícone da Apple Store Instagram (clique aqui);
• Utilização do ícone da Play Store Instagram (clique aqui);
• Utilização do template do Apple Macbook Pro Pinclipart (clique aqui);
• Utilização do template do Apple Iphone 6 PNGFuel (clique aqui).

Desenvolvido por Henrique Matheus Alves Pereira