-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (184 loc) · 8.44 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Essa tag meta serve para deixar o html responsivo para diferentes telas -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Afonso Plantes</title>
<link rel="sortcut icon" href="./img/logo.ico" type="image/x-icon" />;
<!-- Limpando estilos do navegador -->
<link rel="stylesheet" href="css/reset.css">
<!-- Link para folha de estilos -->
<link rel="stylesheet" href="css/style.css">
<!-- Colocar fontes depois de estilos -->
<link href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Satisfy&family=Source+Sans+Pro&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/dc4aa8a48d.js" crossorigin="anonymous"></script>
<!-- Colocar icones academicos -->
<!-- https://jpswalsh.github.io/academicons/ -->
<link rel="stylesheet" href="css/academicons.min.css"/>
</head>
<body>
<header class="cabecalho-index">
<nav class="menu ">
<ul class= "container-menu">
<li><a href="#"><i class="fas fa-laptop-house"></i></a></li>
<li><a href="#sobre">Sobre ℹ</a></li>
<li><a href="#portfolio">Projetos 🚧</a></li>
<li><a href="#contato">Contatos ☎</a></li>
</ul>
</nav>
<!-- Div nao tem sentido semantico, gambiara para fazer um estilo. -->
<div class="titulo">
<h1 class="site-title">Afonso Roberto Plantes Neto</h1>
<h2 class="site-subtitle">Engenheiro Eletricista</h2>
<h2 class="site-subtitle">Desenvolvedor Web iniciante</h2>
</div>
</header>
<main>
<!-- ABOUT ME -->
<section class="sobre" id="sobre">
<div class="container">
<h2> Sobre</h2>
<figure class=avatar>
<img src="img/about_foto.jpg" alt="foto_sobre">
</figure>
<p>
Meu nome é Afonso Roberto Plantes Neto, tenho 28 anos sou engenheiro eletricista com experiência na área de
Eletrônica e Projetos de Circuitos Integrados Analógicos-Mistos. Sou um aficionado por tecnologia, e tenho foco no
desenvolvimento de hardware, circuitos integrados analógicos/mistos, discretos, e de sistemas microcontrolados.
</p>
<p>
Desde que era criança gostava de saber como as coisas funcionavam e o que havia dentro delas. Desmontei carrinhos,
abri bonecos e coisas que não deveria, apenas, para saber o que havia lá dentro. Isso culminou para meu interesse
pela engenharia, me chamando mais atenção a elétrica, pois havia um elo com a biomédica e robótica.
</p>
<p>
Aprendi algoritmos, circuitos elétricos, entre outras coisas da engenharia elétrica. Mas a eletrônica me chamou mais
atenção, pois poderia criar hardwares específicos e programar coisas. Na microeletrônica, aprendi a desenvolver
blocos de circuitos digitais e analógicos, projetando cada transistor para constituir sistemas. Isso me levou ao
mestrado onde me aprofundei mais no desenvolvimento blocos analógicos.
</p>
<p>
Nessa trajetória me envolvi em grupos de pesquisa, competições, ou por curiosidade, aprendi e trabalhei com algumas
linhagens de programação: VHDL, Verilog, C/C++, Assembly, Shell script, Python e Matlab. Atualmente estou aprendendo
a desenvolver websites, usando Javascript, html e css.
</p>
<p>
Atualmente, trabalho na Safras Bioenergia, atuando na área de manutenção, auxiliando os técnicos
na execução de serviços, gestores nas tomadas de decisões, e compra de material. Também gerencio
projetos de novas instalações, sistemas de proteção e energia. Executo analise de dados obtidos
dos sistemas de automação, e também desenvolvo novos sistemas.
Minhas áreas de interesse incluem elétrica, eletrônica, programação Python, C e Ladder, projeto de
sistemas de automação, CAD e desenho vetorial.
</p>
<p>
Além desses conhecimentos técnicos, gosto de aprender coisas que melhorem minha produtividade, relações, e
comunicação verbal e escrita. Durante esses anos, também aprendi alguns idiomas. Sou fluente em inglês e alemão, e
fiz um intercâmbio acadêmico na Alemanha.
</p>
<p>
Minhas áreas de interesse incluem elétrica, eletrônica, programação Python, C e Ladder, projeto de
sistemas de automação, CAD e desenho vetorial.
</p>
<p>
A primeira versão desta página desenvolvi durante a <a href="https://www.alura.com.br/imersao-css">Imersão CSS da
Alura</a>. Isso me inspirou a desengavetar algumas coisas que queria fazer a anos. Nesta pagina buscarei
transmitir coisas que aprendi e fiz. Caso tenha alguma duvida ou queira falar comigo <a href="#contato">clique
aqui</a>.
</p>
</div>
</section>
<!-- PORTFOLIO -->
<section class="portfolio" id="portfolio">
<div class="container">
<h2>Projetos</h2>
<div class="grid">
<div class="flip-card">
<div class="card">
<figure class="card-front">
<img class="img-portfolio" src="./img/kisspng-logo-responsive-web-design-html5-web-page-gratispng.png"
alt="Web design">
</figure>
<div class="card-back">
<h3><a href="web-design.html">Web desing</a></h3>
</div>
</div>
</div>
<div class="flip-card">
<div class="card">
<figure class="card-front">
<img class="img-portfolio" src="img/port_microeletronica2.jpg" alt="microeletronica">
</figure>
<div class="card-back">
<h3><a href="#">Microeletrônica</a></h3>
</div>
</div>
</div>
<div class="flip-card">
<div class="card">
<figure class="card-front">
<img class="img-portfolio" src="img/port_eletronica.jpg" alt=">electronics">
</figure>
<div class="card-back">
<h3><a href="#">Eletrônica</a></h3>
</div>
</div>
</div>
<div class="flip-card">
<div class="card">
<figure class="card-front">
<img class="img-portfolio"
src="https://image.freepik.com/vetores-gratis/projeto-do-molde-do-vetor-de-smartphones_23-2147493776.jpg"
alt=">Mobile">
</figure>
<div class="card-back">
<h3><a href="#">Mobile</a></h3>
</div>
</div>
</div>
<div class="flip-card">
<div class="card">
<figure class="card-front">
<img class="img-portfolio"
src="https://s3-sa-east-1.amazonaws.com/multilogica-files/Tutorial_1_Esquema.jpg"
alt="Projetos pessoais">
</figure>
<div class="card-back">
<h3><a href="#">Projetos pessoais</a></h3>
</div>
</div>
</div>
<div class="flip-card">
<div class="card">
<figure class="card-front">
<img class="img-portfolio" src="img/port_hobbies.jpg" alt="Hobbies">
</figure>
<div class="card-back">
<h3><a href="#">Hobbies</a></h3>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer-bg">
<!-- CONTACT -->
<section class="contato" id=contato>
<h2>Contatos</h2>
<div class="bg_contacts">
<div class="grid icons">
<a target="_blank" href="https://github.com/afonsoplantes"><i class="fab fa-github"></i> </a>
<a target="_blank" href="https://twitter.com/afonsoplantes"><i class="fab fa-twitter"></i> </a>
<a target="_blank" href="https://linkedin.com/in/afonsoplantes"><i class="fab fa-linkedin"></i> </a>
<!-- <a target="_blank" href="https://linkedin.com/in/afonsoplantes"><i class="fab fa-instagram"></i> </a> -->
<a target="_blank" href="http://lattes.cnpq.br/5349929985311356"><i class="ai ai-lattes"></i> </a>
</div>
</div>
</section>
<p>Desevolvido por Afonso Plantes</p>
</footer>
</body>
</html>