-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (134 loc) · 9.51 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portifólio</title>
<link rel="stylesheet" href="style.css">
<!-- Icones -->
<script src="https://kit.fontawesome.com/1d2fe87123.js" crossorigin="anonymous"></script>
<!-- Fonte -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
</head>
<body>
<!-------------------------------------------------------navBar--------------------------------------------------------------------------->
<header>
<div class="interface nav">
<div class="logo">
<a href="#inicio">
<img src="imagens/foto_barraFuncoes.png" alt="">
</a>
</div><!--logo-->
<div class="flex">
<nav class="navb">
<ul>
<li><a href="#inicio">Início</a></li>
<li><a href="#sobreMim">Sobre Mim</a></li>
<li><a href="#projetos">Projetos</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!-------------------------------------------------------Inicio--------------------------------------------------------------------------->
<main>
<section id="inicio">
<div class="interface">
<div class="flex">
<div class="textoInicio">
<p id="l1">Olá! sou o</p>
<p id="l2">Pedro Victor Salerno Martins</p>
<p><p id="l4">Estudante de <samp>Engenharia Aeroespacial</samp></p></p>
</div>
<div class="imagemInicio"></div>
</div>
</div>
</section>
<!-------------------------------------------------------sobreMim--------------------------------------------------------------------------->
<section id="sobreMim">
<div class="interface">
<div class="caixa">
<div class="textoSobreMim">
<h1><span>Sobre</span> Mim</h1>
<p id="s1">Meu nome é Pedro Victor, tenho 21 anos, sou goiano e estou matriculado no curso de Engenharia Aeroespacial na Universidade de Brasília - UnB. Optei por seguir a área Aeroespacial devido ao meu profundo fascínio pelo universo aeronáutico desde a infância. No entanto, ao longo da graduação, desenvolvi um notável apreço pelo campo da engenharia de software. E por conta disso, estou no limiar de realizar uma dupla graduação.</p>
<p id="s2">Atualmente, ocupo a posição de empresário júnior na Zenit Aerospace, empresa júnior de aeroespacial, onde sou membro efetivo desde novembro de 2022. Durante esse período, atuo como consultor de Operações e também assumi as funções de gerente em um dos serviços oferecidos pela empresa, além de ter sido o presidente da comissão eleitoral extraordinária. Toda essa experiência colaborou muito com meu desenvolvimento pessoal e profissional, me ensinando a como me comportar nas mais variadas situações e a tomar decisões mais assertivas.</p>
<p id="s3"></p>
</div>
</div>
</div>
</section>
<!-------------------------------------------------------Projetos--------------------------------------------------------------------------->
<section id="projetos">
<div class="interface">
<div class="caixa1">
<div class="caixa2">
<div class="meus"><h1>Meus </h1></div>
<div class="projetos"><h1>Projetos e Certificado</h1></div>
</div>
<div class="flex">
<div class="imagenProjetos0 imgProj">
<div class="overlay">
<div class="titulo"><p id="p1">Etapa de Nivelamento do Programa de Residência em TIC </p></div>
<div class="descricao"><p id="p2"> O programa consistiu em uma capacitação dos participantes em algumas áreas da programação, como lógica de programação, Python, banco de dados, entre outros módulos. Esses módulos contavam com conteúdos teóricos e uma prova ao final dos mesmos.</p></div>
<div class="ferramentas"><p id="p3"><i class="fa-regular fa-file-pdf"></i><a href="https://drive.google.com/file/d/1kxopcJQyjmKrjsZuiS54Mu5A6bOyZzV3/view?usp=sharing" target="_blank">arquivo</a></p></div>
</div>
</div>
<div class="imagenProjetos4 imgProj">
<div class="overlay">
<div class="titulo"><p id="p1">Jogo da Velha </p></div>
<div class="descricao"><p id="p2">O projeto consistia na criação do jogo da velha usando JavaScript, HTML e CSS. Esse sistema é capaz de suportar dois jogadores, indicando quando alguém ganha e guardando o placar, ou então um jogador, uma vez que realiza jogadas automáticas.</p></div>
<div class="ferramentas"><p id="p3"><i class="fa-solid fa-person-cane"></i><a href="https://github.com/juliatakaki/pt-orc-desafio2" target="_blank">JavaScript</a></p></div>
</div>
</div>
<div class="imagenProjetos2 imgProj">
<div class="overlay">
<div class="titulo"><p id="p1"> Projeto final de Orientação a Objeto </p></div>
<div class="descricao"><p id="p2">O projeto consiste na recriação do site Reclame Aqui. Nele, há a possibilidade tanto para o consumidor quanto para a empresa se cadastrarem e criarem ou lerem uma reclamação sobre um produto ou serviço. Toda a interação é feita através do terminal.</p></div>
<div class="ferramentas"><p id="p3"><i class="fa-brands fa-java"></i><a href="https://github.com/caiolamego/projetoOO/tree/main" target="_blank">Java</a></p></div>
</div>
</div>
<div class="imagenProjetos3 imgProj">
<div class="overlay">
<div class="titulo"><p id="p1"> Análise de um aerofólio NACA 2412 </p></div>
<div class="descricao"><p id="p2">O projeto consiste na recriação de um aerofólio no aplicativo OpenVSP. Após a modelagem, foi feita uma simulação. Os dados coletados da simulação foram comparados com dados reais do aerofólio feitos em um túnel de vento.</p></div>
<div class="ferramentas"><p id="p3"><i class="fa-solid fa-plane"></i><a href="https://drive.google.com/file/d/12Yj-wvbSdNV4lx0uKpM9uqcGeT6Chrfr/view?usp=sharing" target="_blank">OpenVSP</a></p></div>
</div>
</div>
<div class="imagenProjetos1 imgProj">
<div class="overlay">
<div class="titulo"><p id="p1"> Projeto final de APC </p></div>
<div class="descricao"><p id="p2">O projeto consiste na elaboração de um dashboard mediante a utilização de um banco de dados no formato .xlsx. A dashboard é constituída por três telas, sendo a primeira destinada à inicialização, a segunda à apresentação do grupo e a terceira contendo os gráficos propriamente ditos.</p></div>
<div class="ferramentas"><p id="p3"><i class="fa-brands fa-python"></i><a href="https://github.com/gustavokenzo1/apc" target="_blank">Python</a></p></div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-------------------------------------------------------Rodape--------------------------------------------------------------------------->
<footer>
<section id="contato">
<div class="interface">
<div class="rodape">
<div class="flex">
<div class="emoteRodape">
<img src="imagens/foto_rodape.gif" alt="">
</div>
<div class="btnRedeSociais">
<a href="https://www.linkedin.com/in/pedro-victor-salerno-martins-5b0866292" target="_blank"><button><i class="fab fa-linkedin-in"></i></buttonb></a>
<a href="https://github.com/pedroslrn" target="_blank"><button><i class="fab fa-github"></i></i></buttonb></a>
</div>
</div>
<div class="rodape borda">
<p><i class="fa-solid fa-envelope"></i><a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
</div>
</div>
</div>
</section>
</footer>
</body>
</html>