johnalysonn / portfolio

Portifólio profissional construído com HTML5, CSS3 e JS.

Portfólio

Portifólio profissional construído com as seguintes tecnologias:

• HTML
• CSS
• JS

Alguns efeitos são construídos com o uso de bibliotecas, como o efeito de escrita e o efeito de animação ao rolar a página, sendo elas a seguir:

• AOS (Animate on Scroll): Ver mais
• Typed: Ver mais

Este projeto é baseado em cinco sessões de informações, sendo elas:

• HOME
• ABOUT ME
• PORTFÓLIO
• WHAT I DO
• FOOTER

HOME

Página inicial, cuja função é dar a primeira introdução de uma futura apresentação minha, há nela alguns efeitos, sendo alguns infinitos e outros não, feitos com CSS puro.

ABOUT ME

Sessão que possui função de relatar um pouco mais sobre mim.

PORTFÓLIO

Essa parte do projeto exibirá alguns projetos desenvolvidos por mim, sendo eles para práticar a política das tecnologias ou não. Possuindo um filtro dos projetos para uma melhor organização, sendo separados em:

• All (Todos os projetos)
• Systems (Sistemas em geral)
• Web Sites (Sites web sem se enquadrar como sistema, focando mais na parte visual)
• Landing Pages (Páginas para divulgar algum produto)

WHAT I DO

Exibirá algumas tecnologias que eu tenho conhecimento e utilizei durante minha jornada no mundo da tecnologias

FOOTER

Contendo algumas formas de contato, com telefone, email e redes sociais

Loading

O projeto apresenta uma tela de pre-carregamento com gif personalizado, a função dessa tela é que enquanto ela estar presente, o body, ou seja o corpo do projeto estará em carregamento, carregando imagens e efeitos. Para não haver problemas com os efeitos, optei por utilizar javascript para adicionar uma classe nos elementos que lhes dará um delay na animação, tal delay será suficiente para o carregamento da página e a exibição dos efeito no momento exato.

---

Todo o projeto está responsivo, ou seja, ele se adapta de acordo com o dispositivo.

Acessar: Check Demo