Meu site pessoal - HTML, CSS e Javascript
- #HTML
- #JavaScript
- #CSS
Olá, pessoal!
Venho compartilhar meu site pessoal, criado com o intuito de compartilhar meus projetos, escrever alguns artigos e me conectar com devs e recrutadores!
Segue uma captura do site:

Um pouco sobre o site:
O sobre-mim simula um editor de código abrindo um arquivo. Ele está funcional: abrindo, fechando e trocando de arquivos.
Os cards de projeto vão ter: a descrição do projeto, tecnologias utilizadas, um link direto para o GitHub e um link para checar e testar o site ao vivo.
Na área de contato, pensei em uma forma onde os links de contato j[a são personalizados. Cada uma das opções escolhidas irá gerar um link de Whatsapp e MailTo únicos e específicos.
Para quem quiser dar uma olhada no site: https://edsonabarros.online/
Para quem quiser dar uma olhada no GitHub: Link do GitHub
Ainda estou refinando alguns pontos, mas o site já está totalmente responsivo e funcional. Qualquer dúvida é só mandar uma mensagem aqui ou nas formas de contato do site.




Bacana Edson, adorei o site!
Ao dedicar tempo e amor o projeto sai como se fosse um filho. Parabéns pelo seu!
Sou iniciante nas linguagens HTML, CSS e JavaScript e gostei muito de seu conteúdo, até mais.
Muito top!
Tenho que estudar muito pra chegar perto ...
Parabéns 👏
Opa, Guilherme Eduardo, obrigado!
Parabéns, Edson, ficou bacana o seu projeto!
Felipe Louzeiro, obrigado! Eu desenhei o espaço da IDE com bordas, separei tudo certinho com display:"flex" e usei algumas funções javascript: A parte de abrir os arquivos, fechar e trocar de aba foi tudo feito pegando o id (ou o display atual diretamente) da página e passando um novo estilo para ele com style.display = "none", "block" ou "flex". Se tiver qualquer dúvida é só mandar.
Obrigado, João Mariano, vlw!
Marcos Lisboa Essa parte deu um certo trabalhinho, mas esses efeitos dão uma vibe muito legal para o projeto. Obrigado!
Anthony Silva, show! Obrigado!
Joilson Silva, que bom que deu uma gás. Tô curtindo bastante essa parte do front-end, bem show!
Obrigado, Késsia!
Muito bonito, cara! Meus parabéns.
Que legal, ficou sensacional, fiquei curioso sobre como você fez essa parte do editor, vou tentar reproduzir.
Parabéns Edson! Ficou muito massa o projeto como um todo.
Curti demais a animação ao clicar nas infos dos projetos!
boa !!
muito bem projetado, arraso muito!!
Parabéns!!
Que ideia bacana!!!! Eu estive parado um tempão e lendo este artigo me incentiva a retornar.
Parabéns pela iniciativa e vou dar uma visitada para poder me inspirar.
Grande abraço!
Parabéns! 👏🏻
João Mota, show, que bom que deu um gás. Já tive problemas para estudar também, com ânimo e tals, e a melhor forma é continuar e ir atrás do que gosta de fazer. Comecei no back e acabei decidindo mudar para o Front e tô no pique e animado. Boa sorte!
Pedro Teles, uso uma extensão para Chrome. se chama: Full Page Screen Capture.
JM
Muito obrigado por compartilhar, me deu um certo ânimo em estudar mais sobre o assunto. Aliás, site impecável.
Kener Branco, queria algo mais limpo e uma forma de mostrar as informações pertinentes, além de ter mais de uma opção de link. Acho que ficou bacana também.
Top, gostei da fonte! E como vc fez pra tirar essa captura de todo o site em uma única tela?
Dei uma olhada no site e gostei muito da ideia dos projetos já incorporados com breve resumo de info 👏👏