m4rcos-dev
diff --git a/‎imagens/avatar2.png‎
348 KB b/‎imagens/avatar2.png‎
348 KB
diff --git a/‎index.html‎
Lines changed: 20 additions & 58 deletions b/‎index.html‎
Lines changed: 20 additions & 58 deletions
@@ -1,68 +1,30 @@
 <!DOCTYPE html>
 <html lang="pt-br">
-
 <head>
     <meta charset="UTF-8">
-    <title>{ 🚀 } Portfólio</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Marcos Paulo</title>
 </head>
 
 <body>
-    <h1 id="#avatar">Marcos Paulo Pereira</h1>
-    <hr>
-    <img src="imagens/avatar.png" width="300px">
-    <p>*/
-    <ul>
-        <li>💻 Apaixonado por tecnologia e seu universo!</li>
-        <li>👫 Marido</li>
-        <li>👨‍👩‍👧‍👧 Pai de casal</li>
-        <li>💬 Estudante desenvolvimento Web! | <a href="https://www.betrybe.com" target="_blank">TRYBE!</a></li>
-        <li>💾 Técnico informática</li>
-        <li>🎥 <a href="https://twitch.tv/novatogamertv" target="_blank"> Streamer </a> | <strong>⏸ Projeto Pausado</strong></li>
-        <li>👾 Gamer</li>
-    </ul>
-    /*</p>
-
-    <hr>
-
-    <h2>Linguagens</h2>
-    <p>
-        <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg"
-            width="40px">
-        <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original.svg"
-            width="40px">
-        <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original.svg" width="40px">
-        ...
-    </p>
-
-    <p>
-        Atualmente <a href="#avatar">eu</a> estudo desenvolvimento web na <strong>TRYBE</strong> e essas são algumas linguagens e tecnologias que estou usando em meus projetos!
-        Mas como estou no inicio dessa jornada ainda virão muitas outras linguagens e tecnologias aqui.
-    </p>
-
-    <details>
-        <h3>Javascript</h3>
-        <p><em>"É uma linguagem de programação interpretada estruturada, de script em alto nível com tipagem dinâmica fraca e multiparadigma. Juntamente com HTML e CSS, o JavaScript é uma das três principais tecnologias da World Wide Web."</em></p>
-
-        <h3>HTML 5</h3>
-        <p><em>"É uma linguagem de marcação para a World Wide Web e é uma tecnologia chave da Internet, originalmente proposto por Opera Software. É a quinta versão da linguagem HTML."</em></p>
-
-        <h3>CSS 3</h3>
-        <p><em>"Style Sheets (CSS) é uma "folha de estilo" composta por “camadas” e utilizada para definir a apresentação (aparência) em páginas da internet que adotam para o seu desenvolvimento linguagens de marcação (como XML, HTML e XHTML)"</em></p>
-
-    </details>
-
-    <h2>Encontre-me</h2>
-    <a href="https://instagram.com/m4rcos.dev" target="_blank"> <img src="imagens/instagram.svg"></a>
-
-    <a href="https://twitch.tv/novatogamertv" target="_blank"><img src="imagens/twitch.svg"></a>
-
-    <a href="#" target="_blank"><img src="imagens/discord.svg"></a>
-
-    <a href="https://[email protected]" target="_blank"><img src="imagens/email.svg"></a>
-
-    <a href="https://www.linkedin.com/in/dev-marcospaulo" target="_blank"><img src="imagens/linkden.svg"></a>
-
+    <header id="header">
+        <h1>Marcos</h1>
+        <nav id="nav">
+            <h3>Inicio</h3>
+            <h3>Sobre Mim</h3>
+            <h3>Projetos</h3>
+            <h3>Contato</h3>
+        </nav>
+    </header>
+
+    <section id="home">
+        <h1 id="title">Olá, me chamo Marcos Paulo</h1>
+        <h2 id="caption">Eu sou ....</h2>
+        <p id="description">Apaixonado por tecnologia desde os 14 anos, desenvolvedor web junior, com muita vontade e disposição de aprender acrescentar e evoluir. Cursando desenvolvineto Web fullStack na Trybe. </p>
+        <img id="avatar" src="imagens/avatar2.png" alt="avatar">
+        <button id="download">Download Currículo</button>
+    </section>
 
 </body>
-
 </html>