Para Isabella Vicente do futuro. Projeto individual do Módulo 1 - Códigos do Amanhã
Site de apresentação pessoal, separei em 3 sessões, uma para cada página do projeto.
Sobre mim, hobbies e interesses e formulário para contato. Utilizei o html para estrutura e css para estilização.
Separei em pastas o css, as imagens e o html deixei na pasta raiz. O site tem responsividade, funciona em pc, smartphones e tablets.
[HTML] No head eu linkei o css, a fonte e deixei algumas configurações padrão. No header, eu fiz o nav. Que foi a parte mais complicada, pois fiquei muito confusa sobre os displays, também linkei as 3 sessões em classe da página (quem sou eu, hobbies e interesses e o formulário).
Na 1a section dentro da main, criei uma id, pois achei mais fácil de linkar com a id e deixei o nome da class a mesma do id pra estilizar no css. Ainda na 1a section, eu fiz uma divs, colocando uma class para estiliza-las como "esquerda", sendo para texto.
Para os hobbies, primeiro criei uma id dentro da div para a section "Meus hobbies" e fiz a linkagem da página nessa section.
Depois, coloquei uma coletânea de imagens, fiz um destaque para chamar atenção e linkei um site externo de rede social e finalizei.
Na 3a section, fiz um formulário simples, com fildset, fazendo um input e um button. Na parte da mensagem, o textarea é para definir uma área maior, mas tinha estilizado direito na tag, vi que estava errado e apaguei a estilização para colocar tudo no css. No footer, fiz só um reservado à mim, bem simples.
[CSS] Separei o css em partes, fazendo comentários de local (header, main, section etc), para não confundir. O começo fiz uma configuração padrão, fui estilizando e terminei cada parte com a responsividade.
Obs: Tive que recriar um novo repositório no GitHub, pois deu um bug e o perdi online, no final consegui recriar tudo certinho.