Files
Portifolio-Christian-Falcao/index.html
T
2025-11-26 19:37:18 -03:00

280 lines
10 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>Full-Stack 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/christiannfalcao/" 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 Full Stack. Seja bem vindo ao
meu portfolio!
</p>
<p>
Tenho experiencia prática em desenvolvimento Web, desde a criação de API REST com AspNet Core em C#
até a criação do front-End com Next.JS, meu foco é construir de forma rápida aplicações para
diversos tipos de serviços, desde uma LandPage até uma solução que depende de escalabilidade como
e-commerce e blogs, tenho experiencias com integração a API REST para consumo de APIs e criar regras
de negócios para sistemas mais complexos.
</p>
<p>
Como freelancer, tenho o prazer de colaborar com empresas e indivíduos para criar sites
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>
Utilizo as ultimas tecnologias do mercado como JavaScript, Tailwindcss, Next.JS utilziando o
framework Node.js, C# com AspNet Core e Unij para criação de testes unitário, Conteineres como
Docker e Podman usando docker-Compose para deploy de sistemas mais complexos, 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.
</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="https://www.fazendasaofranciscodeassis.com/favicon.ico" alt="" class="img1" />
<h2>Fazenda São franciso de asis</h2>
<h3>Site Institucional</h3>
<p>
A Fazenda São Francisco de Assis foi fundada em 2015 nas terras férteis do Paraná, Paranagi, com
o propósito de se tornar uma presença significativa no cenário agrícola local. Nos seus
primeiros anos, a fazenda enfrentou os desafios comuns de uma nova empreitada, mas com dedicação
e trabalho árduo, começou a florescer.
</p>
<div class="tech">
<h3>Technologias:</h3>
<span>HTML</span>
<span>CSS</span>
<span>JavaScript</span>
<span>React</span>
<span>PostgresSQL</span>
</div>
<div class="slotbuttons">
<a href="https://www.fazendasaofranciscodeassis.com/" target="_blank" class="button">Home</a>
<a href="https://www.fazendasaofranciscodeassis.com/sobre" target="_blank" class="button">Sobre
Nós</a>
</div>
</div>
<div class="slot">
<img src="https://www.thecomedyhub.com.br/favicon.ico" alt="" class="img1" />
<h2>The Comedy Hub</h2>
<h3>Rede Social</h3>
<p>
Tudo começou com um simples comentário em uma rede social que hoje já não existe mais. Foi ali,
naquele momento, que percebemos o quanto sentíamos falta de um espaço nosso, um lugar onde
pudéssemos nos expressar, compartilhar risadas e criar conexões genuínas. Foi assim que nasceu a
ideia de criar o Comedy Hub, uma rede social feita por pessoas que amam humor, para pessoas que
amam humor.
</p>
<div class="tech">
<h3>Technologias:</h3>
<span>HTML</span>
<span>CSS</span>
<span>TypeScript</span>
<span>Tawilwindcss</span>
<span>Next.JS</span>
<span>Java</span>
<span>SpringBoot</span>
<span>Python</span>
<span>Docker</span>
<span>Flutter</span>
<span>PostgresSQL</span>
<span>MongoDB</span>
</div>
<div class="slotbuttons">
<a href="https://www.thecomedyhub.com.br/" target="_blank" class="button">Home</a>
<a href="https://www.thecomedyhub.com.br/about-us" target="_blank" class="button">Sobre Nós</a>
</div>
</div>
<div class="slot">
<img src="https://stream.nexuswebdigital.com/web/f5bbb798cb2c65908633.png" alt="" class="img1" />
<h2>Jellyfin</h2>
<h3>Self Hosting</h3>
<p>
Jellyfin é um dos serviços que faço "Self Host" como forma de aprender a utilziar toda a suite
de ferramentas para Devops entre outros inumeros serviços que são utilizados para monitoramento
do servidor, como grafanna, caddyvisor, loki, prometheus entre outros os mesmos estão protegidos
por sistema de authenticação de dois fatores pelo Authentik.
</p>
<div class="tech">
<h3>Technologias:</h3>
<span>Nginx</span>
<span>Grafanna</span>
<span>Loki</span>
<span>Prometheus</span>
<span>Docker</span>
<span>Authentik</span>
</div>
<div class="slotbuttons">
<a href="https://stream.nexuswebdigital.com/" target="_blank" class="button">Acesso</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>
TESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTESTEST
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</body>
</html>