232 lines
8.0 KiB
HTML
232 lines
8.0 KiB
HTML
<!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>
|
|
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11390833779"></script>
|
|
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() {
|
|
dataLayer.push(arguments);
|
|
}
|
|
gtag("js", new Date());
|
|
|
|
gtag("config", "AW-11390833779");
|
|
</script>
|
|
|
|
<script>
|
|
gtag("event", "conversion", { send_to: "AW-11390833779/7Nf9CKjd2_AYEPOoybcq" });
|
|
</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>
|
|
|
|
<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>Front-End 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 Front-End especializado na criação de sites institucionaise. 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. Meu objetivo é fornecer um Front-End Moderno e Responsí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. Estou sempre empenhado em compreender as necessidades únicas de cada projeto e entregar resultados personalizados e de alta qualidade.
|
|
</p>
|
|
<p>
|
|
Utilizando tecnologias como JavaScript, Tailwindcss, React e Node.js, sou capaz de criar sistemas sólidos e eficientes. Além disso, tenho experiência em integração de
|
|
Banco de dados como Postgree, 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-react" title="react"></i>
|
|
<p>REACT</p>
|
|
</div>
|
|
<div class="skill_icon">
|
|
<i class="fa-brands fa-node-js" title="node.js"></i>
|
|
<p>NODE.JS</p>
|
|
</div>
|
|
<div class="skill_icon">
|
|
<i class="fa-solid fa-file-code" title="tailwindcss"></i>
|
|
<p>TAILWINDCSS</p>
|
|
</div>
|
|
<div class="skill_icon">
|
|
<i class="fa-brands fa-bootstrap" title="bootstrap"></i>
|
|
<p>BOOTSTRAP</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-brands fa-github" title="github"></i>
|
|
<p>GITHUB</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>
|
|
|
|
<div class="conteudo_4">
|
|
<div class="slot">
|
|
<img src="./Assets/img/fazendalogo.webp" alt="" class="img1" />
|
|
<h2>Fazenda São franciso de asis</h2>
|
|
<h3>Site Institucional</h3>
|
|
<p>sobre</p>
|
|
<div class="tech">
|
|
<h3>Technologies:</h3>
|
|
<span>HTML</span>
|
|
<span>CSS</span>
|
|
<span>JavaScript</span>
|
|
<span>React</span>
|
|
</div>
|
|
<div class="slotbuttons">
|
|
<a href="https://www.fazendasaofranciscodeassis.com/" 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>
|
|
</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" 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>
|
|
</html>
|