update
This commit is contained in:
@@ -0,0 +1,363 @@
|
||||
<!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
|
||||
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user