Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,6 @@
# Curriculum Vitae (CV) Online
Projeto realizado no bootcamp Potência Tech Angular Developer - Powered by iFood realizado pela Dio Innovation One

Referência W3C: https://www.w3schools.com/howto/howto_website_create_resume.asp
Acesse: https://7iagocabral.github.io/Curriculo/

![cv](https://user-images.githubusercontent.com/97841160/230730644-c571a023-e9d1-4352-9ecb-2adcbae5c71f.png)
102 changes: 57 additions & 45 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<html lang="pt-BR">

<head>
<title>NOME_COMPLETO</title>
<title>TIAGO CABRAL DA FONSECA</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
Expand Down Expand Up @@ -33,50 +33,54 @@
<div class="w3-white w3-text-grey w3-card-4">
<!-- @falvojr: This container has been modified to not use a profile picture. -->
<div class="w3-container">
<h2>NOME_COMPLETO</h2>
<h2>Tiago Cabral da Fonseca</h2>
</div>
<div class="w3-container">
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>CARGO</p>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>LOCAL</p>
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>EMAIL</p>
<p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>TELEFONE</p>
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>Desenvolvedor Front-end</p>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Rio de Janeiro</p>
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>tiagocabraldafonseca@gmail.com</p>
<p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>(21) 98204-6745</p>
<hr>

<p class="w3-large">
<b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Skills</b>
</p>
<p>TODO</p>
<p>HTML</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:75%">75%</div>
</div>
<p>TODO</p>
<p>CSS</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:65%">65%</div>
</div>
<p>TODO</p>
<p>JavaScript</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">55%</div>
</div>
<p>TODO</p>
<p>React</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
</div>
<p>Redux</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:30%">30%</div>
</div>
<br>

<p class="w3-large w3-text-theme">
<b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Idiomas</b>
</p>
<p>TODO</p>
<p>Português</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:50%"></div>
<div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>
</div>
<p>TODO</p>
<p>Inglês</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:50%"></div>
<div class="w3-round-xlarge w3-teal" style="height:24px;width:40%"></div>
</div>
<p>TODO</p>
<p>Frances</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:50%"></div>
<div class="w3-round-xlarge w3-teal" style="height:24px;width:10%"></div>
</div>
<br>
</div>
Expand All @@ -90,30 +94,36 @@ <h2>NOME_COMPLETO</h2>

<div class="w3-container w3-card w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-terminal fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Sobre</h2>
<p>TODO</p>
<p>Sou Desenvolvedor Front-end cursando Engenharia de software, fascinado pelo poder da tecnologia e já me envolvi em diversos projetos criando blogs, webradio, plataforma de campeonatos de vídeo game entre outros. Sempre me encantou a arte de desenvolver ferramentas que pudesse ajudar e melhorar o dia-a-dia das pessoas. Estou focado na stack de React e Angular e todo este eco sistema. Como: gerenciamento de estado com redux, consumo de api-rest, estilização com sass, styled-component e tailwindcss e testes com jest. Além de grande habilidades com html, css e javascript.
Atualmente desenvolvendo um projeto de app em react-native voltado para o mundo automotivo.</p>
</div>

<div class="w3-container w3-card w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16">
<i class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Experiências
</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>TODO</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>INICIO - <span class="w3-tag w3-teal w3-round">Atual</span></h6>
<p>TODO</p>
<h5 class="w3-opacity"><b>Técnico em transmissão automatica</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>DEZ - 2020 - <span class="w3-tag w3-teal w3-round">Atual</span></h6>
<p>Sou responsavel pelo setor de reparo de transmissão na oficina 3000 cuidando de toda etapa do reparo. Coordenando todo processo no laborario desde da entrada até a entrega, faço a desmontagens,avaliação, orçamentos, limpeza, montagem. </p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>TODO</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>INICIO - FIM</h6>
<p>TODO</p>
</div>
</div>

<div class="w3-container w3-card w3-white">
<h2 class="w3-text-grey w3-padding-16">
<i class="fa fa-graduation-cap fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Educação
</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Engenharia de software (EAD)</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>JUN - 2022 - <span class="w3-tag w3-teal w3-round">Atual</span></h6>
<p>
A Anhanguera Ampli é a nova marca de ensino a distância da Faculdade Anhanguera, umas das instituições de ensino superior mais reconhecidas pelo mercado de trabalho, formando profissionais e empreendedores há quase 20 anos.
A instituição tem nota máxima no “CI-EAD”, que é o “conceito institucional do ensino a distância” estipulado pelo MEC. Poucas instituições têm nota 5 nesse quesito.
</p>

<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Digital Innovation One (DIO)</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>INICIO - <span class="w3-tag w3-teal w3-round">Atual</span></h6>
Expand All @@ -123,17 +133,13 @@ <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>INI
de ensino imersivas e com foco em empregabilidade. Nesse contexto, seguem meus principais certificados:
</p>
<ul>
<li><a href="LINK_CERTIFICADO" target="_blank">TODO</a></li>
<li><a href="LINK_CERTIFICADO" target="_blank">TODO</a></li>
<li><a href="LINK_CERTIFICADO" target="_blank">TODO</a></li>
<li><a href="https://www.dio.me/certificate/53FC5761" target="_blank">Bootcamp Impulso Javascript Evolution</a></li>
<li><a href="https://www.dio.me/certificate/FFC40143/" target="_blank">Pirâmide de Testes na Prática Explorando Jest e TDD</a></li>
<li><a href="https://www.dio.me/certificate/E2609EFA/" target="_blank">Node.js com Bancos de Dados Relacionais (SQL)</a></li>
</ul>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>TODO</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>INICIO - FIM</h6>
<p>TODO</p>
</div>

</div>

<div class="w3-container w3-card w3-white w3-margin-bottom">
Expand All @@ -143,17 +149,24 @@ <h2 class="w3-text-grey w3-padding-16">
<div class="w3-container">
<h6 class="w3-text-teal">
<i class="fa fa-github fa-fw w3-margin-right"></i>
<a href="LINK_GITHUB" target="_blank">USUARIO_GITHUB/REPO</a>
<a href="https://github.com/7iagoCabral/pokestore" target="_blank">https://github.com/7iagoCabral/pokestore</a>
</h6>
<p>TODO</p>
<p>Projeto de e-commerce visando a integração de diversas recursos como react, redux, StyledComponent e comsumo de api</p>
<hr>
</div>
<div class="w3-container">
<h6 class="w3-text-teal">
<i class="fa fa-gitlab fa-fw w3-margin-right"></i>
<a href="LINK_GITLAB" target="_blank">USUARIO_GITLAB/REPO</a>
<a href="https://github.com/7iagoCabral/nasa-apod-Imagem-Astronomica-do-Dia" target="_blank">https://github.com/7iagoCabral/nasa-apod-Imagem-Astronomica-do-Dia</a>
</h6>
<p>Projeto utilizando api da nasa para transmissão de imagem do dia, com recurso busca por data! Foi utilizado React, React router dom e tailwindcss</p>
</div>
<div class="w3-container">
<h6 class="w3-text-teal">
<i class="fa fa-gitlab fa-fw w3-margin-right"></i>
<a href="https://github.com/7iagoCabral/Letmeask" target="_blank">https://github.com/7iagoCabral/Letmeask</a>
</h6>
<p>TODO</p>
<p>Projeto de sistema de salas para tira dúvidas, ideal para quem realiza live. Utilizando React, Typescript, Sass, Firebase e Google authentication </p>
</div>
</div>

Expand All @@ -168,11 +181,10 @@ <h6 class="w3-text-teal">

<footer class="w3-container w3-teal w3-center w3-margin-top">
<p>Minhas Redes Sociais</p>
<a href="LINK_GITHUB" target="_blank"><i class="fa fa-github w3-hover-opacity"></i></a>
<a href="LINK_LINKEDIN" target="_blank"><i class="fa fa-linkedin w3-hover-opacity"></i></a>
<a href="LINK_FACEBOOK" target="_blank"><i class="fa fa-facebook-official w3-hover-opacity"></i></a>
<a href="LINK_INSTAGRAM" target="_blank"><i class="fa fa-instagram w3-hover-opacity"></i></a>
<a href="LINK_TWITTER" target="_blank"><i class="fa fa-twitter w3-hover-opacity"></i></a>
<a href="https://github.com/7iagoCabral/" target="_blank"><i class="fa fa-github w3-hover-opacity"></i></a>
<a href="https://www.linkedin.com/in/7iagocabral/" target="_blank"><i class="fa fa-linkedin w3-hover-opacity"></i></a>
<a href="https://www.instagram.com/7iago.dev/" target="_blank"><i class="fa fa-instagram w3-hover-opacity"></i></a>
<a href="https://twitter.com/7iagoCabral" target="_blank"><i class="fa fa-twitter w3-hover-opacity"></i></a>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>

Expand Down