A **Alura** estava disponibilizando um curso gratuito de HTML e CSS esses dias, explicando o básico para colocar um site no ar. O curso é bem explicado e as instrutoras sabem passar bem o conteúdo, sendo de fácil entendimento para todos. Eu comecei o curso, mas não me passou pela cabeça compartilhar os resultados conseguidos até agora, então irei comparar com uma versão anterior recente. Do primeiro modelo até agora muita coisa mudou, por isso fico triste por não trazer os primeiros aqui. Mas, irei compartilhar os modelos daqui para frente. No modelo anteriormente postado, as cores estavam bem esquisitas e difíceis de ler, pois o *background* que coloquei é uma imagem com cores fortes, sendo difícil encontrar uma cor de texto que equilibre com todo aquele fundo. Acabei resolvendo isso sem querer, quando comecei a brincar com a transparência da *section* "projetos". A versão anterior ficou com o topo diferente da *section* "projetos", então não ficou muito bonito. ![Primeira versão do topo do site](https://i.imgur.com/zJ82Sd2.png)

Primeira versão do topo do site

![Primeira versão da section projetos do site](https://i.imgur.com/eTkfh1n.png)

Primeira versão da section "projetos" do site

Na versão atual do site, eu estendi o *background* transparente da *section* "projetos" para o site todo. Para isso, criei uma *div* com *class* "fundo" para cobrir todo o *body* do HTML. Com isso, consegui "escurecer" um pouco a transparência do *background*, possibilitando clarear todo o texto do site, deixando-o com melhor facilidade de leitura. Também criei uma *section* "estudos", para compartilhar o que tenho no currículo. ![Segunda versão do topo do site](https://i.imgur.com/kdCUEnY.png)

Segunda versão do topo do site

![Segunda versão da section projetos do site](https://i.imgur.com/aQ6kgWP.png)

Segunda versão da section "projetos" do site

![Primeira versão da section estudos do site](https://i.imgur.com/9wZRHTn.png)

Primeira versão da section "estudos" do site

Por enquanto as mudanças foram essas! Quando eu fizer mais alguma alteração significante, voltarei aqui para postar. Para ver os códigos utilizados, cliquem no link abaixo. Lá estão os códigos desde a primeira versão do site. Até um próximo post! {% github HiratsukaMi/imersaoCSS %}

hiratsukami

Imersão CSS Aula 3 - Resultado

Join Our Newsletter. No Spam, Only the good stuff.