Updated the README with four main sections

The sections are: - PRESENTATION - ABOUT THE PAGE - AUTHOR - THANK YOU, GOODBYE
juletopi · Mar 13, 2024 · 3e10fa9 · 3e10fa9
1 parent 3f1ec04
commit 3e10fa9
Showing 1 changed file with 131 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,131 @@
-# Desafio_Pagina_Musical
-💽 • Repositório do projeto de uma página representando a música "Bem Que Se Quis", feito no VSCode e com as linguagens de HTML e CSS para a disciplina de "Tópicos Especiais em Tecnologia".
+<!--
+❗ ➤ References used in this Repository:
+🔗 • https://github.com/DenverCoder1/custom-icon-badges
+🔗 • https://shields.io
+🔗 • https://getemoji.com
+-->
+
+<div align="left">
+  <img src="https://img.shields.io/github/license/juletopi/Desafio_Pagina_Musical" alt="Licence-badge">
+</div>
+
+<br>
+
+<!-- PRESENTATION -->
+
+<div align="center">
+  <a href="">
+    <img src="https://github.com/juletopi/Desafio_Pagina_Musical/assets/76459155/3a1f400b-849a-4c9c-9058-35bfc3d038a7" alt="DesafioPaginaMusical-pic" width="124px" title="Repositório do Desafio Página Musical">
+  </a>
+  <h2 align="center">Desafio Página Musical 💿</h2>
+</div>
+
+<div align="center">
+
+  <a href="https://juletopi.github.io/Desafio_Pagina_Musical/">**Visualize a página web clicando aqui »**</a> \
+    <sub>**"Use `ctrl + click` para abri-la numa nova janela!"**</sub>
+</div>
+
+<div align="center">
+
+  • Repositório do projeto de uma página representando a música "Bem Que Se Quis", feito no VSCode \
+  e com as linguagens de HTML e CSS para a disciplina de "[Tópicos Especiais em Tecnologia](https://github.com/juletopi/Topicos_Especiais_em_Tecnologia)".
+
+</div>
+
+<div align="center">
+    <a href="https://code.visualstudio.com/">
+        <img src="https://img.shields.io/badge/Made%20with%20IDE:-VSCode%20-gray.svg?colorA=3d85c6&amp;colorB=0b5394&amp;style=for-the-badge" alt="VSCodeIDE-badge" style="max-width: 100%;">
+    </a>
+    <a href="https://www.w3schools.com/html/">
+        <img src="https://img.shields.io/badge/Made%20with%20language:-HTML%20-gray.svg?colorA=d2704c&amp;colorB=d25526&amp;style=for-the-badge" alt="HTMLLanguage-badge" style="max-width: 100%;">
+    </a>
+</div>
+
+<div align="center">
+    <a href="https://www.w3schools.com/css/">
+        <img src="https://img.shields.io/badge/Made%20with%20language:-CSS%20-gray.svg?colorA=615484&amp;colorB=483675&amp;style=for-the-badge" alt="CSSLanguage-badge" style="max-width: 100%;">
+    </a>
+</div>
+
+<br>
+
+<div align="center">
+<a href="https://github.com/juletopi/Desafio_Pagina_Musical">View Demo</a> &#xa0; • &#xa0;
+<a href="https://github.com/juletopi/Desafio_Pagina_Musical/issues">Report Bug</a> &#xa0; • &#xa0;
+<a href="https://github.com/juletopi/Desafio_Pagina_Musical/discussions">Request Feature</a>
+</div>
+
+<!-- ABOUT THE PAGE -->
+
+## 📋 Sobre a Página
+
+### 🖼️ Imagem da página
+
+> <a href=""><img src="https://github.com/juletopi/Desafio_Pagina_Musical/assets/76459155/0f1af67e-fb22-43f2-804c-ee1b7eb47092" alt="WebPageView" title="Visualização da Página Inteira" style="width: 50%;"></a>
+
+A página foi construída como um desafio proposto para disciplina de [Tópicos Especiais em Tecnologia](https://github.com/juletopi/Topicos_Especiais_em_Tecnologia). 
+
+O desafio consistia em criar uma página-web que representasse a música ["Bem Que Se Quis" - 1989 de Marisa Monte](https://youtu.be/Qi07O6mFF_Y?si=OY3fkOfYhc8FljhB) usando apensa HTML e CSS.
+
+<div align="left">
+  <h6><a href="#desafio-página-musical-"> Voltar para o início ↺</a></h6>
+</div>
+
+<br>
+
+<!-- AUTHOR -->
+
+## 👤 Autor
+
+<table>
+  <tr>
+    <td valign="top" width="33%">
+      <div align="center">  
+        <a href="https://github.com/juletopi">
+          <img src="https://user-images.githubusercontent.com/76459155/220271784-9f930c36-c370-4518-9b56-604627c6e2b5.png" width="120px;" alt="JuletopiAvatar-pic" title="Autor: Juletopi" />
+          <br>
+          <sub><b>Júlio Cézar | Juletopi</b></sub>
+        </a>
+      </div>
+    </td>
+    <td valign="left" width="100%">
+      <div align="left">
+        <ul>
+          <li>
+            <sub><img align="center" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linkedin/linkedin-original.svg" height="15" alt="LinkedIn-icon"> LinkedIn - <a href="https://www.linkedin.com/in/julio-cezar-pereira-camargo/">Júlio Cézar P. Camargo</a></sub>
+          </li>
+          <li>
+            <sub><img align="center" src="https://pngimg.com/uploads/email/email_PNG100738.png" height="15" alt="Facebook-icon"> Email - <a href="mailto:juliocezarpvh@hotmail.com">juliocezarpvh@hotmail.com</a></sub>
+          </li>
+          <li>
+            <sub><img align="center" src="https://cdn3.emoji.gg/emojis/6158-whatsapp.png" height="15" alt="WhatsApp-icon"> Whatsapp - <a href="http://api.whatsapp.com/send?phone=5569993606894">+55 (69) 9 9360-6894</a></sub>
+          </li>
+          <li>
+            <sub><img align="center" src="https://cdn3.emoji.gg/emojis/6333-instagram.png" height="15" alt="Instagram-icon"> Instagram - <a href="https://www.instagram.com/juletopi/">@juletopi</a></sub>
+          </li>
+        </ul>
+      </div>
+    </td>
+  </tr>
+</table>
+
+<div align="left">
+  <h6><a href="#desafio-página-musical-"> Voltar para o início ↺</a></h6>
+</div>
+
+<br>
+
+<!-- THANK YOU, GOODBYE -->
+
+----
+
+<div align="center">
+  <a href="https://git.io/typing-svg">
+    <img src="https://readme-typing-svg.demolab.com?font=Sue+Ellen+Francisco&size=40&duration=1&pause=99999&color=db1647&center=true&vCenter=true&repeat=false&width=620&height=60&lines=Obrigado+por+visitar%2C+e+até+a+próxima!" alt="TypingGoodbye-SVG" title="Boas venturas e volte sempre que precisar! ;)"/>
+  </a>
+</div>
+
+<div align="center">
+  Feito com ❤️ por <a href="https://github.com/juletopi"> Juletopi</a>.
+</div>