Portifólio criado para um exercicio individual durante o curso de desenvolvimento Web da Resilia educação. Principal objetivo era criar utilizando html5 para criar as páginas e css3 para estilização das páginas.
Primeiro criei uma pasta chamda portifolio para guardar os arquivos, em seguida eu criei 5 arquivos html sendo eles index, contato, hobbie, sobre mim e o readme.
Index foi a primeira pagina criada, onde eu fiz toda a parte do cabeçalho e rodapé que seria usado nas paginas seguintes. Nela eu deixei uma pequena apresentação dentro da tag <'main'> sobre mim com meu nome, idade e nome da minha filha, uma foto minha e outra dela.
Dentro do header(cabeçalho), utilizei a tag <'nav'> para indentificar os botões que navegariam entre as páginas e dentro da tag <'nav> utilizei a tag <'a href=""> para identificar quais seriam os botões navegadores e para onde seriam redirecionados. Isso foi usado em todas as páginas.
No footer(rodapé), deixei apenas uma mensagem utilizando a tag <'p>. Tambem usado em todas as páginas.
Criei uma pasta chamada 'img' para armazenar as fotos que seriam usadas para o desenvolvimento do protifolio.
Na página 'sobre mim' deixei um texto descrevendo um pouco sobre mim, conquistas, desfios e mais algumas coisas que descreve minha trajetória ate aqui. Dentro da tag <'main> eu deixei um titulo utilizando o <'H1> para definir que era um titulo e coloquei o texto dentro de tags <'p>.
Dentro da página 'hobbie' tem uma pequena descrição sobre o que eu gosto de fazer no meu tempo livre e algumas fotos para demonstrção deles. Dentro da tag <'main> eu deixei um titulo utilizando o <'H1> para definir que era um titulo e coloquei o texto dentro de tags <'p>, criei uma '<'section>' para alinhar as fotos.
A ultima página foi de 'contato', onde ficou disponivel minhas redes sociais, contato via WhatsApp, portifolio e uma caixa de mensgem caso alguem queira deixar uma mensagem para mim entrar em contato com o mesmo posteriormente. Nessa página foram criadas duas <'section> para deixar as redes de contato e a area de texto para mais informaçoes, na primeira foi colocado imagens linkadas as redes referente a ela e na segunda foi criado uma area de texto com botões de enviar e cancelar a mensagen.
Criei uma pasta chamada 'estilo' para armazenar o arquivo CSS que seria usado nas páginas.
No arquivo CSS esta toda a estlização das páginas, foi definido as cores de texto, fonte e cores de fundo de cada página, foi feito o alinhamento dos itens e algumas animações. Deixei comentado o estio de cada página para melhor leitura do código.
Nas páginas html tambem foi comentado algumas seções para melhor leitura do código.