Página da Optimus Tech - 7daysOfCode

🪧	Vitrine.Dev
✨ Nome	Optimus Tech
🏷️ Tecnologias	HTML, CSS, Javascript
🚀 URL	https://7days-of-code-optimus-tech.vercel.app/
🔥 Desafio	7 Days Of Code - Alura

Contatos e Links interessantes

Detalhes do Projeto

a página do projeto OptmiusTech foi proposta pela Alura no 7 Days of Code para trainamento de HTML e CSS. O desafio consiste em criar essa página da empresa fictícia acima mencionada usando os conhecimentos da formação HTML e CSS pensada para Escola de Front-End. A partir de um layout no Figma executei os conceitos estabelecidos de melhoria de código com boa legibilidade e aprimoramentos de execução de tarefas, abaixo segue os principais conceitos utilizados:

• Metodologia B.E.M;
• Variáveis CSS;
• Flexbox;
• Entendimento de Elementos block-level;
• Código Semântico com foco em acessibilidade.

Desafios Diários

Como o proposito dos 7 Days of Code é ter uma semana de imersão em um projeto que simula as estratégias reais do dia-a-dia do front end, cada dia traz um desafio.

Dia 01
Construção do Header da Página, utilizando os principais conceitos do flex-box.
Dia 02
Desenvolver a primeira seção da página, que também pode ser chamada de cabeçalho.
Dia 03
Desenvolver a seção de estatísticas da empresa divulgando os principais resultados de seu trabalho.
Dia 04
Desenvolver a seção de "Estamos à procura de novos talentos" com foco no tratamento de imagem.
Dia 05
Desenvolver a seção de vagas, descrição e uso do flex, também criei tags "a" para futuramente implementar uma página de formulário para submeter vagas.
Dia 06
Penúltimo desafio é criar uma seção para depoimentos de desenvolvedores que trabalham na OpitumsTech.
Dia 07
Seção de rodapé e um formulário de submissão de uma "newsletter".

Implementações Particulares (UPDATES)

• Adicionei um comportamento ao botão "Cadastrar" no Rodapé para avisar que o e-mail foi cadastrado na Newsletter de candidaturas, espero em breve criar um sistema de verificação do formulário e armazenamento dos e-mails cadastrados.
• Adicionei uma página de login, que vai conter um validador de formulário com Javascript.
• A verificação de e-mail no rodapé e na página de login está seguindo uma regex, conforme pode ser visto no repositório.

Prévia do Site

Tela de Login