Update README.md

README.md

@@ -1,14 +1,23 @@
 # Horário de Hoje
-<p>&nbsp &nbsp Uma página web com o objetivo de apresentar ao usuário o horário e data de seu sistema, no qual, conforme ao passar dos quatro <mark>períodos do dia</mark> (manhã, tarde, noite e madrugada), o layout do site se altera, representando o período respectivo.</p>
+<p>&nbsp &nbsp Uma página web com o objetivo de apresentar ao usuário o horário e data de seu sistema, no qual, conforme ao passar dos quatro <b><i>períodos do dia</i></b> (manhã, tarde, noite e madrugada), o layout do site se altera, representando o período respectivo.</p>
 
 ## Objetivo e Aprendizado:
-<p>&nbsp &nbsp Esse projeto foi criado com inspiração nas aulas do canal "Curso em Vídeo", do profº Gustavo Guanabara, com uma sugestão de exercícios proporcionados em suas série de vídeoaulas.</p>
-<p>&nbsp &nbsp Nesse sentido, desenvolvi ainda mais o meu conhecimentos em <b style="color="red">Javascript</b> nas suas funções, métodos e sintaxe, sendo o principal recurso a função <kbd>Date()</kbd> e o métodos <kbd>toLocaleDateString</kbd> e <kbd>toLocaleTimeString</kbd>, o mais interessante para mim durante o desenvolvimento, foi explorar as diversas maneiras de manipulá-lo desde Arrays() até esses métodos que descobri conforme estudava mais a documentação. Pratiquei também boas práticas de organização do código, utilizando o <b>Padrão BEM</b> nos seletores</p>
+<p>&nbsp &nbsp Esse projeto foi criado com inspiração nas aulas do canal "Curso em Vídeo", do profº Gustavo Guanabara, com uma sugestão de exercício proporcionado em sua série de vídeoaulas.</p>
 
-[![Resposividade da Página](https://markdown-videos-api.jorgenkh.no/youtube/dQw4w9WgXcQ)](https://github.com/Mariana-M-Siqueira/Horarios_e_Periodos_do_Dia/assets/129943744/e666e646-18f3-4bb4-80ef-78e0a5b957ce)
+<p>&nbsp &nbsp Nesse sentido, desenvolvi ainda mais o meu conhecimentos em <b><i>Javascript</i></b> nas suas funções, métodos e sintaxe, sendo o principal recurso a função <kbd>Date()</kbd> e o métodos <kbd>toLocaleDateString()</kbd> e <kbd>toLocaleTimeString()</kbd>, o mais interessante para mim durante o desenvolvimento, foi explorar as diversas maneiras de manipulá-lo, desde Arrays() até esses métodos que descobri conforme estudava mais a documentação.</p>
+
+<p>&nbsp &nbsp Coloquei em uso também boas práticas de organização do código, utilizando o <b><i>Padrão BEM</i></b> nos seletores, criando <b><i>variáveis CSS globais</i></b> para cores e fontes, importando o arquivo <kbd>reset.css</kbd> para normalizar/padronizar todos os elementos em diferentes navegadores e <b><i>estruturando semânticamente o HTML</i></b>.</p>
+
+* Apresentação dos 4 layouts dos períodos do dia:
+
+[![Periodos do dia](https://markdown-videos-api.jorgenkh.no/youtube/dQw4w9WgXcQ)](https://github.com/Mariana-M-Siqueira/Horarios_e_Periodos_do_Dia/assets/129943744/e666e646-18f3-4bb4-80ef-78e0a5b957ce)
+
+| Madrugada | Manhã | Tarde | Noite |
+| :---------: | :-----: | :-----: | :-----: |
+| 00h às 06h | 06h às 12h | 12h às 18h | 18h às 24h |
 
 ## Resposividade:
-* Apresentação de como funciona a página em diferentes dispositivos.
+* Apresentação de como funciona a página em diferentes dispositivos:
 
 [![Resposividade da Página](https://markdown-videos-api.jorgenkh.no/youtube/dQw4w9WgXcQ)](https://github.com/Mariana-M-Siqueira/Horarios_e_Periodos_do_Dia/assets/129943744/eb5f372d-08bb-4d57-b210-93fabc6da5aa)