RatixForever/Portifolio-Christian-Falcao
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tomi

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