Skip to content

Amarick/portfolio-lobo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

portfolio lobo

Projeto desenvolvido no curso da Origamid de HTML e CSS

Portfolio Online Fictício de um Desenvolvedor Front End & UX/UI Designer

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.

Tecnologias Utilizadas

  • HTML5
  • CSS3 (Flexbox, Grid)
  • Media Queries para Desenvolvimento Responsivo (Mobile e Desktop)
  • Git para Controle de Versão
  • Armazenamento no GitHub Pages

Estrutura de Arquivos

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.

Tipografia

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

Layout Responsivo

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.

Contato

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:

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.

Releases

No releases published

Packages

No packages published