Updated the README with four main sections

The sections are: - PRESENTATION - ABOUT THE PAGE - AUTHOR - THANK YOU, GOODBYE
juletopi · Feb 27, 2024 · 55f73d5 · 55f73d5
1 parent 3c9ce55
commit 55f73d5
Showing 1 changed file with 147 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,147 @@
-# Pagina_de_Curriculo_Simples
-🌐 • Repositório do projeto de página de currículo simples 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/kyechan99/capsule-render
+🔗 • https://github.com/DenverCoder1/custom-icon-badges
+🔗 • https://github.com/gepser/markdown-progress
+🔗 • https://shields.io
+🔗 • https://emoji.gg
+🔗 • https://getemoji.com
+-->
+
+<div align="left">
+  <img src="https://img.shields.io/github/license/juletopi/Pagina_de_Curriculo_Simples" alt="Licence-badge">
+</div>
+
+<br>
+
+<!-- PRESENTATION -->
+
+<div align="center">
+  <a href="">
+    <img src="https://github.com/juletopi/Pagina_de_Curriculo_Simples/assets/76459155/f6c6c019-348d-4adf-9c1b-01a414179ebd" alt="PaginadeCurriculoSimples-pic" width="124px" title="Repositório de Página de Currículo Simples">
+  </a>
+  <h2 align="center">Página de Currículo Simples 📄</h2>
+</div>
+
+<div align="center">
+
+  <a href="https://juletopi.github.io/Pagina_de_Curriculo_Simples/">**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 página de currículo simples feito no VSCode e com as linguagens \
+  de HTML e CSS para a disciplina de "Tópicos 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/Pagina_de_Curriculo_Simples">View Demo</a> &#xa0; • &#xa0;
+<a href="https://github.com/juletopi/Pagina_de_Curriculo_Simples/issues">Report Bug</a> &#xa0; • &#xa0;
+<a href="https://github.com/juletopi/Pagina_de_Curriculo_Simples/discussions">Request Feature</a>
+</div>
+
+<!-- ABOUT THE PAGE -->
+
+## 📋 Sobre a Página
+
+### 🖼️ Imagem da página
+
+> <a href=""><img src="https://github.com/juletopi/Pagina_de_Curriculo_Simples/assets/76459155/d7f2a4cf-aaba-45b1-9b0a-6c8dab01f4f9" alt="WebPageView" title="Visualização da Página Inteira" style="width: 40%;"></a>
+
+A página foi construída seguindo as seguintes orientações durante a aula de Tópicos Especiais em Tecnologia ministrada no dia 26/02/2024: 
+- **I.** Coloque todo o conteúdo visível da página dentro de um elemento `<main>`; 
+- **II.** Remova eventuais elementos `<hr>` e `<br>` separando as partes do currículo e coloque cada parte 
+(começando pelo perfil) dentro de um elemento `<section>`; 
+- **III.** O corpo da página deve ter fundo cinza `#ddd`. A fonte deve ser “Helvetica Neue”, na cor `#444` e com espaçamento entre linhas de 1,5. 
+- **IV.** O corpo deve ocupar 60% da largura e deve ser centralizado horizontalmente. Para isso, acrescente as propriedades a seguir à regra CSS que seleciona o elemento `<body>`: \
+`width: 60%;`\
+`margin: 0 auto;`\
+`padding: 2% 0;`
+- **V.** A parte principal da página `<main>` deve ter fundo branco. Não é necessário colocar os cantos arredondados; 
+- **VI.** Os títulos `<h1>` e `<h2>` devem aparecer na cor `RGB: 140, 76, 8`; 
+- **VII.** Crie uma regra CSS para moficiar os elementos `<section>` da página e acrescente as declarações a seguir para que uma borda superior seja inserida no início de cada seção: \
+`margin-top: 0px;`\
+`padding-bottom: 5px;`\
+`border-top: solid 1px gray;`
+- **VIII.** Faça a validação do HTML e do CSS utilizando as ferramentas do W3C.
+
+<div align="left">
+  <h6><a href="#"> 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="#"> 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=4aa18a&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>