Projeto desenvolvido no curso da Origamid de HTML e CSS
Este é um projeto fictício de um portfólio online para um Desenvolvedor Front End e UX/UI Designer. O site é de uma única página, dividida em três seções principais: Experiência, Formação e Contato. O objetivo deste projeto é demonstrar habilidades de design e desenvolvimento web, incluindo o uso de várias técnicas como CSS Grid, Flexbox e design responsivo para dispositivos móveis e desktop.
- HTML5
- CSS3 (Flexbox, Grid)
- Media Queries para Desenvolvimento Responsivo (Mobile e Desktop)
- Git para Controle de Versão
- Armazenamento no GitHub Pages
O projeto está organizado em vários arquivos CSS, cada um correspondendo a uma seção específica do site:
global.css
: Contém as definições globais de estilo que são aplicadas a todo o site, como tipografia e cores.header.css
: Estilos para o cabeçalho do site, incluindo a barra de navegação.introducao.css
: Estilos para a seção de introdução, que fornece uma visão geral rápida.experiencia.css
: Estilos para a seção de experiência, destacando os projetos anteriores e habilidades.formacao.css
: Estilos para a seção de formação, exibindo histórico educacional e cursos.footer.css
: Estilos para o rodapé do site, incluindo informações de contato.
O arquivo style.css
é usado para importar todos esses arquivos CSS separados e criar o estilo final do site.
O projeto utiliza a fonte "Fira Sans" para fornecer uma aparência moderna e legível em todo o site. Estou utilizando apenas as fontes FiraSans-Bold 700 e FiraSans-Regular 400
- link do google fonts (https://fonts.google.com/specimen/Fira+Sans?query=fira+sans)
O site foi projetado com layouts responsivos, garantindo que ele seja acessível e visualmente atraente em dispositivos móveis e desktops. Isso é alcançado através do uso de técnicas como Flexbox, Grid e Media Queries. As quebras de ponto de interrupção são implementadas com base em larguras máximas para garantir uma experiência consistente em diferentes dispositivos.
Se você quiser entrar em contato comigo para oportunidades de colaboração ou apenas para bater um papo, sinta-se à vontade para me encontrar nas seguintes plataformas:
- Email: victorflamaro@gmail.com
- LinkedIn: Victor Amaro
Obrigado por visitar meu projeto!
Este é um projeto fictício criado para fins de demonstração de habilidades. Qualquer semelhança com projetos ou indivíduos reais é mera coincidência.