README.md

Projeto Portfolio Alura

Sumário

• Sobre o Projeto
• Objetivos do Projeto
• Funcionalidades do Projeto
• Tecnologias Utilizadas
• Layouts
  • Desktop Layout
  • Tablet Layout
  • Mobile Layout
• Adaptações
• Autor

Sobre o Projeto

Esse projeto foi realizando com as instruções de Guilherme Lima e Rafaella Ballerini, ambos desenvolvedores de software e instrutores da Alura.

Foram dedicados 4 cursos para a construção do site. É ensinado a transformar um visual feito no Figma em código através do HTML e CSS. Assim foi passado de forma detalhada por diversos conhecimentos dessas duas tecnologias, desde a estrutura básica do HTMl à responsividade do projeto.

Objetivos do Projeto

Ensinar:

• Estrutura do HTML;
• Semanatica;
• Classes CSS;
• Flexbox;
• Variáveis CSS;
• Resposividade;
• Boa práticas HTML&CSS;
• Usar o Figma para fazer sites;

Além disso:

• Construir o próprio portfolio.

Funcionalidades do Projeto

• Botão/Link "Home": Redireciona para o index.html, a página inicial;
• Botão/Link "Sobre mim": Redireciona para o about.html, a página secundaria do projeto;
• Botão/Link "GitHub": Redireciona para o github coelhoalexandre;
• Botão/Link "LinkedIn": Redireciona para o linkedin -coelhoalexandre;
• Botão/Link "Instagram": Redireciona para o instagram coelhoalexandre_;

Tecnolgias Utilizadas

1. HTML
2. CSS

Layouts

Desktop Layout

Width de 1920px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/portfolio-alura-1920px.jpg

Width de 1280px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/portfolio-alura-1280px.jpg

Tablet Layout

Width de 768px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/portfolio-alura-768px.jpg

Mobile Layout

Width de 452px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/portfolio-alura-320px.jpg

Adaptações

Em busca da personalização do projeto, fiz diversas alterações. Posso dizer que somente a ideia de como era o projeto sobrou, porquê alterei quase tudo.

Desktop Layout

Width de 1440px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/meu-portfolio-alura-1440px.jpg

Width de 1280px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/meu-portfolio-alura-1280px.jpg

Tablet Layout

Width de 768px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/meu-portfolio-alura-768px.jpg

Mobile Layout

Width de 480px: https://github.com/coelhoalexandre/projetos-alura/blob/main/imagens/meu-portfolio-alura-480px.jpg

Autor

Meu nome é Alexandre Coelho, sou autor deste ReadMe e estudante de Desenvolvimento Web. Como já mencionado, esse projeto eu fiz sob orientação dos instrutores Guilherme Lima e Rafaella Ballerini. Todo o design foi repassado e os códigos ensinados. Futuramente pretendo retornar e por minha cara nesse projeto, porém, por enquanto, vou deixar a Joana Santos ai.

Logo abaixo estão os meus principais links, fique a vontade de acessar o que mais lhe interessar: