From 98a5f9714c486326857b521f5b9410dbd7f945ed Mon Sep 17 00:00:00 2001
From: Theking Hubs <131630822+MarcosLima-1@users.noreply.github.com>
Date: Thu, 6 Jul 2023 19:20:56 -0300
Subject: [PATCH] tomi

---
 Assets/css/style.css |   1 -
 index.html           | 390 +++++++++++++++++++++----------------------
 2 files changed, 192 insertions(+), 199 deletions(-)
diff --git a/Assets/css/style.css b/Assets/css/style.css
index fc6a443..f7a3a8a 100644
--- a/Assets/css/style.css
+++ b/Assets/css/style.css
@@ -216,7 +216,6 @@ section {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	height: 80vh;
 	border-radius: 12px;
 	background-color: var(--secondary-button);
 }
diff --git a/index.html b/index.html
index e955901..ac5227b 100644
--- a/index.html
+++ b/index.html
@@ -1,211 +1,205 @@
 <!DOCTYPE html>
 <html lang="pt-BR">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <meta http-equiv="X-UA-compatible" content="ie=edge" />
-    <meta name="description" content="Meu primeiro portifolio" />
-    <meta name="copyright" content="©2022 Christian do Nascimento Falcao" />
-    <meta name="author" content="Christian do Nascimento Falcao" />
-    <title>Christian do Nascimento Falcao</title>
-    <link rel="icon" href="./Assets/img/code-solid.svg" />
-    <link rel="stylesheet" href="Assets/css/style.css" />
-    <script src="https://kit.fontawesome.com/6ffe26f1f6.js" crossorigin="anonymous" defer></script>
-    <script src="./Assets/js/index.js" defer></script>
-  </head>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="device-width, initial-scale=1.0, maximum-scale=1.0" />
+		<meta http-equiv="X-UA-compatible" content="ie=edge" />
+		<meta name="description" content="Meu primeiro portifolio" />
+		<meta name="copyright" content="©2022 Christian do Nascimento Falcao" />
+		<meta name="author" content="Christian do Nascimento Falcao" />
+		<title>Christian do Nascimento Falcao</title>
+		<link rel="icon" href="./Assets/img/code-solid.svg" />
+		<link rel="stylesheet" href="Assets/css/style.css" />
+		<script src="https://kit.fontawesome.com/6ffe26f1f6.js" crossorigin="anonymous" defer></script>
+		<script src="./Assets/js/index.js" defer></script>
+	</head>
 
-  <body>
-    <header id="header">
-      <div class="header" id="header_css">
-        <nav class="Menu_options">
-          <div class="logo">
-            <i class="fa-solid fa-code"></i>
-            <h2 class="stext">Christian</h2>
-          </div>
-          <ul>
-            <li><a href="#home">Home</a></li>
-            <li><a href="#about_me">Sobre Mim</a></li>
-            <li><a href="#skills">Habilidades</a></li>
-            <li><a href="#projects">Projetos</a></li>
-            <li><a href="#contact" class="button bcontact">Contato</a></li>
-          </ul>
-        </nav>
-        <button class="button" id="menu_bar_button" onclick="toggleDiv()"><i class="fa-solid fa-bars"></i></button>
-      </div>
-      <nav class="menu_bar_nav" id="menu_bar_nav">
-        <ul class="Menu_bar">
-          <li><a onclick="toggleDiv()" class="button" href="#home">Home</a></li>
-          <li><a onclick="toggleDiv()" class="button" href="#about_me">Sobre Mim</a></li>
-          <li><a onclick="toggleDiv()" class="button" href="#skills">Habilidades</a></li>
-          <li><a onclick="toggleDiv()" class="button" href="#projects">Projetos</a></li>
-          <li><a onclick="toggleDiv()" class="button" href="#contact">Contato</a></li>
-        </ul>
-      </nav>
-    </header>
+	<body>
+		<header id="header">
+			<div class="header" id="header_css">
+				<nav class="Menu_options">
+					<div class="logo">
+						<i class="fa-solid fa-code"></i>
+						<h2 class="stext">Christian</h2>
+					</div>
+					<ul>
+						<li><a href="#home">Home</a></li>
+						<li><a href="#about_me">Sobre Mim</a></li>
+						<li><a href="#skills">Habilidades</a></li>
+						<li><a href="#projects">Projetos</a></li>
+						<li><a href="#contact" class="button bcontact">Contato</a></li>
+					</ul>
+				</nav>
+				<button class="button" id="menu_bar_button" onclick="toggleDiv()"><i class="fa-solid fa-bars"></i></button>
+			</div>
+			<nav class="menu_bar_nav" id="menu_bar_nav">
+				<ul class="Menu_bar">
+					<li><a onclick="toggleDiv()" class="button" href="#home">Home</a></li>
+					<li><a onclick="toggleDiv()" class="button" href="#about_me">Sobre Mim</a></li>
+					<li><a onclick="toggleDiv()" class="button" href="#skills">Habilidades</a></li>
+					<li><a onclick="toggleDiv()" class="button" href="#projects">Projetos</a></li>
+					<li><a onclick="toggleDiv()" class="button" href="#contact">Contato</a></li>
+				</ul>
+			</nav>
+		</header>
 
-    <main>
-      <section class="section_1" id="home">
-        <div class="conteudo_1">
-          <div class="text_home">
-            <div>
-              <p>Oi, eu sou</p>
-              <h1>Christian do Nascimento Falcao</h1>
-              <p>Full Stack Web Developer.</p>
-            </div>
-            <div class="social_icons">
-              <a href="https://github.com/christiandonf">
-                <i class="fab fa-github icons" title="GitHub"></i>
-              </a>
-              <a href="https://www.linkedin.com/in/christiandonascimentofalcao">
-                <i class="fab fa-linkedin icons" title="LinkedIn"></i>
-              </a>
-            </div>
-          </div>
-          <img src="./Assets/img/Perfil.jpg" alt="" class="img_inicio img" />
-        </div>
-      </section>
+		<main>
+			<section class="section_1" id="home">
+				<div class="conteudo_1">
+					<div class="text_home">
+						<div>
+							<p>Oi, eu sou</p>
+							<h1>Christian do Nascimento Falcao</h1>
+							<p>Full Stack Web Developer.</p>
+						</div>
+						<div class="social_icons">
+							<a href="https://github.com/christiandonf" target="_blank">
+								<i class="fab fa-github icons" title="GitHub"></i>
+							</a>
+							<a href="https://www.linkedin.com/in/christiandonascimentofalcao" target="_blank">
+								<i class="fab fa-linkedin icons" title="LinkedIn"></i>
+							</a>
+						</div>
+					</div>
+					<img src="./Assets/img/Perfil.jpg" alt="" class="img_inicio img" />
+				</div>
+			</section>
 
-      <section class="section_2" id="about_me">
-        <div class="conteudo_2">
-          <h2>Sobre mim</h2>
-          <p>
-            Olá, meu nome é Christian do Nascimento Falcão e sou um desenvolvedor web back-end especializado na criação
-            de sites institucionais, blogs e e-commerce. Seja bem-vindo ao meu portfólio!
-          </p>
-          <p>
-            Com uma sólida experiência em desenvolvimento web, estou focado em construir soluções eficientes e robustas
-            no lado do servidor. Meu objetivo é fornecer um backend poderoso e escalável que suporte perfeitamente as
-            necessidades dos meus clientes e proporcione uma experiência fluida aos usuários finais.
-          </p>
-          <p>
-            Como freelancer, tenho o prazer de colaborar com empresas e indivíduos para criar sites institucionais que
-            refletem a identidade da marca, blogs atrativos que contam histórias e e-commerces funcionais que
-            impulsionam as vendas. Estou sempre empenhado em compreender as necessidades únicas de cada projeto e
-            entregar resultados personalizados e de alta qualidade.
-          </p>
-          <p>
-            Utilizando tecnologias como PHP, Python, Node.js e bancos de dados como MySQL e MongoDB, sou capaz de criar
-            sistemas sólidos e eficientes. Além disso, tenho experiência em integração de APIs de terceiros,
-            implementação de sistemas de pagamento e aplicação de práticas de segurança para proteger os dados dos
-            usuários.
-          </p>
-          <p>Agradeço por visitar meu portfólio e estou ansioso para trabalhar com você em seu próximo projeto web.</p>
-        </div>
-      </section>
+			<section class="section_2" id="about_me">
+				<div class="conteudo_2">
+					<h2>Sobre mim</h2>
+					<p>
+						Olá, meu nome é Christian do Nascimento Falcão e sou um desenvolvedor web back-end especializado na criação de sites institucionais, blogs e e-commerce. Seja bem-vindo ao meu portfólio!
+					</p>
+					<p>
+						Com uma sólida experiência em desenvolvimento web, estou focado em construir soluções eficientes e robustas no lado do servidor. Meu objetivo é fornecer um backend poderoso e escalável que
+						suporte perfeitamente as necessidades dos meus clientes e proporcione uma experiência fluida aos usuários finais.
+					</p>
+					<p>
+						Como freelancer, tenho o prazer de colaborar com empresas e indivíduos para criar sites institucionais que refletem a identidade da marca, blogs atrativos que contam histórias e
+						e-commerces funcionais que impulsionam as vendas. Estou sempre empenhado em compreender as necessidades únicas de cada projeto e entregar resultados personalizados e de alta qualidade.
+					</p>
+					<p>
+						Utilizando tecnologias como PHP, Python, Node.js e bancos de dados como MySQL e MongoDB, sou capaz de criar sistemas sólidos e eficientes. Além disso, tenho experiência em integração de
+						APIs de terceiros, implementação de sistemas de pagamento e aplicação de práticas de segurança para proteger os dados dos usuários.
+					</p>
+					<p>Agradeço por visitar meu portfólio e estou ansioso para trabalhar com você em seu próximo projeto web.</p>
+				</div>
+			</section>
 
-      <section class="section_3" id="skills">
-        <h2>Habilidades</h2>
-        <div class="conteudo_3">
-          <div class="skill_icon">
-            <i class="fa-brands fa-html5" title="html5"></i>
-            <p>HTML5</p>
-          </div>
-          <div class="skill_icon">
-            <i class="fa-brands fa-css3-alt" title="css3"></i>
-            <p>CSS3</p>
-          </div>
-          <div class="skill_icon">
-            <i class="fa-brands fa-js" title="javaScript"></i>
-            <p>JAVASCRIPT</p>
-          </div>
-          <div class="skill_icon">
-            <i class="fa-brands fa-php" title="php"></i>
-            <p>PHP7</p>
-          </div>
-          <div class="skill_icon">
-            <i class="fa-brands fa-laravel" title="laravel"></i>
-            <p>LARAVEL</p>
-          </div>
-          <div class="skill_icon">
-            <i class="fa-brands fa-wordpress" title="wordpress"></i>
-            <p>WORDPRESS</p>
-          </div>
-          <div class="skill_icon">
-            <i class="fa-brands fa-square-git" title="git"></i>
-            <p>GIT</p>
-          </div>
-          <div class="skill_icon">
-            <i class="fa-solid fa-database" title="database"></i>
-            <p>SQL</p>
-          </div>
-        </div>
-      </section>
+			<section class="section_3" id="skills">
+				<h2>Habilidades</h2>
+				<div class="conteudo_3">
+					<div class="skill_icon">
+						<i class="fa-brands fa-html5" title="html5"></i>
+						<p>HTML5</p>
+					</div>
+					<div class="skill_icon">
+						<i class="fa-brands fa-css3-alt" title="css3"></i>
+						<p>CSS3</p>
+					</div>
+					<div class="skill_icon">
+						<i class="fa-brands fa-js" title="javaScript"></i>
+						<p>JAVASCRIPT</p>
+					</div>
+					<div class="skill_icon">
+						<i class="fa-brands fa-php" title="php"></i>
+						<p>PHP7</p>
+					</div>
+					<div class="skill_icon">
+						<i class="fa-brands fa-laravel" title="laravel"></i>
+						<p>LARAVEL</p>
+					</div>
+					<div class="skill_icon">
+						<i class="fa-brands fa-wordpress" title="wordpress"></i>
+						<p>WORDPRESS</p>
+					</div>
+					<div class="skill_icon">
+						<i class="fa-brands fa-square-git" title="git"></i>
+						<p>GIT</p>
+					</div>
+					<div class="skill_icon">
+						<i class="fa-solid fa-database" title="database"></i>
+						<p>SQL</p>
+					</div>
+				</div>
+			</section>
 
-      <section class="section_4" id="projects">
-        <h1 class="titulosBrancos titulosCentro">Projetos</h1>
+			<section class="section_4" id="projects">
+				<h1 class="titulosBrancos titulosCentro">Projetos</h1>
 
-        <div class="conteudo_4">
-          <div class="slot">
-            <img src="./Assets/img/fazendalogoleve.webp" alt="" class="img1" />
-            <h2>Fazenda São José</h2>
-            <h3>Site Institucional</h3>
-            <p>sobre</p>
-            <div class="tech">
-              <h3>Technologies:</h3>
-              <span>HTML</span>
-              <span>CSS</span>
-              <span>JavaScript</span>
-            </div>
-            <div class="slotbuttons">
-              <a href="https://www.fazendassaojose.com.br/" target="_blank" class="button">Site</a>
-            </div>
-          </div>
+				<div class="conteudo_4">
+					<div class="slot">
+						<img src="./Assets/img/fazendalogoleve.webp" alt="" class="img1" />
+						<h2>Fazenda São José</h2>
+						<h3>Site Institucional</h3>
+						<p>sobre</p>
+						<div class="tech">
+							<h3>Technologies:</h3>
+							<span>HTML</span>
+							<span>CSS</span>
+							<span>JavaScript</span>
+						</div>
+						<div class="slotbuttons">
+							<a href="https://www.fazendassaojose.com.br/" target="_blank" class="button">Site</a>
+						</div>
+					</div>
 
-          <div class="slot">
-            <img src="./Assets/img/embreve.png" alt="" class="img1" />
-            <h2>projeto</h2>
-            <h3>DashBoard</h3>
-            <p>sobre</p>
-            <div class="tech">
-              <h3>Technologies:</h3>
-              <span>HTML</span>
-              <span>CSS</span>
-              <span>JavaScript</span>
-            </div>
-            <div class="slotbuttons">
-              <a href="" target="_blank" class="button">Demo</a>
-              <a href="" target="_blank" class="button">Source</a>
-            </div>
-          </div>
+					<div class="slot">
+						<img src="./Assets/img/embreve.png" alt="" class="img1" />
+						<h2>projeto</h2>
+						<h3>DashBoard</h3>
+						<p>sobre</p>
+						<div class="tech">
+							<h3>Technologies:</h3>
+							<span>HTML</span>
+							<span>CSS</span>
+							<span>JavaScript</span>
+						</div>
+						<div class="slotbuttons">
+							<a href="" target="_blank" class="button">Demo</a>
+							<a href="" target="_blank" class="button">Source</a>
+						</div>
+					</div>
 
-          <div class="slot">
-            <img src="./Assets/img/embreve.png" alt="" class="img1" />
-            <h2>projeto</h2>
-            <h3>DashBoard</h3>
-            <p>sobre</p>
-            <div class="tech">
-              <h3>Technologies:</h3>
-              <span>HTML</span>
-              <span>CSS</span>
-              <span>JavaScript</span>
-            </div>
-            <div class="slotbuttons">
-              <a href="" target="_blank" class="button">Demo</a>
-              <a href="" target="_blank" class="button">Source</a>
-            </div>
-          </div>
-        </div>
-      </section>
+					<div class="slot">
+						<img src="./Assets/img/embreve.png" alt="" class="img1" />
+						<h2>projeto</h2>
+						<h3>DashBoard</h3>
+						<p>sobre</p>
+						<div class="tech">
+							<h3>Technologies:</h3>
+							<span>HTML</span>
+							<span>CSS</span>
+							<span>JavaScript</span>
+						</div>
+						<div class="slotbuttons">
+							<a href="" target="_blank" class="button">Demo</a>
+							<a href="" target="_blank" class="button">Source</a>
+						</div>
+					</div>
+				</div>
+			</section>
 
-      <section class="section_5" id="contact">
-        <div class="conteudo_5">
-          <h1 class="titulosBrancos titulosCentro">Contato</h1>
-          <div class="contatos_icons">
-            <div class="contatos_icons1">
-              <a href="mailto:christian.nascimento.falcao@gmail.com"><i class="fa-regular fa-envelope"></i></a>
-              <p class="textosBrancos">christian.nascimento.falcao@gmail.com</p>
-            </div>
-            <div class="contatos_icons1">
-              <a href="https://api.whatsapp.com/send?phone=5511999935492"><i class="fa-brands fa-whatsapp"></i></a>
-              <p class="textosBrancos">+55-11-999935492</p>
-            </div>
-          </div>
-        </div>
-      </section>
-    </main>
+			<section class="section_5" id="contact">
+				<div class="conteudo_5">
+					<h1 class="titulosBrancos titulosCentro">Contato</h1>
+					<div class="contatos_icons">
+						<div class="contatos_icons1">
+							<a href="mailto:christian.nascimento.falcao@gmail.com" target="_blank"><i class="fa-regular fa-envelope"></i></a>
+							<p class="textosBrancos">christian.nascimento.falcao@gmail.com</p>
+						</div>
+						<div class="contatos_icons1">
+							<a href="https://api.whatsapp.com/send?phone=5511999935492" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
+							<p class="textosBrancos">+55-11-999935492</p>
+						</div>
+					</div>
+				</div>
+			</section>
+		</main>
 
-    <footer>
-      <p>© Copyright 2022 Christian do Nascimento Falcao</p>
-    </footer>
-  </body>
+		<footer>
+			<p>© Copyright 2022 Christian do Nascimento Falcao</p>
+		</footer>
+	</body>
 </html>
