-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
232 lines (221 loc) · 12 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<link rel="shortcut icon" href="img/fotas.ico" type="image/x-icon">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<title>Meu Portifolio</title>
</head>
<body>
<header>
<div id="fixed">
<div class="fixa_aux">
<div class="mobile-menu">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<img class="img-perfil" src="img/fotas.jpg" alt="foto-perfil">
<div class="container-titulo">
<h2 class="titulo-seq">Isaac Portela</h2>
<h3 class="subtitulo">DESENVOLVEDOR FULL STACK</h3>
</div>
<nav id="container-menu">
<ul>
<li class="itens-menu"><a href="#"><i class="fas fa-home"></i><span>Home</span></a></li>
<li class="itens-menu"><a href="#Sobre"><i class="far fa-address-card"></i> <span>Sobre Mim</span></a></li>
<li class="itens-menu"><a href="#Experiecias"><i class="fas fa-graduation-cap"></i><span>Formação</span></a></li>
<li class="itens-menu"><a href="#Projetos"><i class="fas fa-briefcase"></i><span>Projetos</span></a></li>
</ul>
<div class="container-social-medias">
<a href="https://www.linkedin.com/in/isaac-portela-302170228/"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/isaac-portela"><i class="fab fa-github-alt"></i></a>
<a href="https://www.instagram.com/isaacportela_20/"><i class="fab fa-instagram"></i></a>
</div>
</nav>
</div>
</div>
</header>
<main>
<section class="container">
<h1 class="titulo"><a name="Home">Eu sou Isaac Portela</a></h1>
<p class="texto">
Sou apaixonado por programação, principalmente pelo fato da sua possibilidade em transformar ideias em projetos reais que poderão facilitar a minha vida ou a vida de outras pessoas. Gosto de desenvolver soluções eficientes e amigáveis, sou muito pró-ativo
e focado na construção de projetos, pois sei que eles são muito importantes para a maximização de meu conhecimento nas tecnologias que estou buscando adquirir experiência. Tenho experiência em Python, Django Framework, HTML5, CSS3, JavaScript,
Java, C, git e SQL.
</p>
<div class="container-buttom">
<a href="index.html"><span class="botao"><i class="fas fa-file-download"></i>Meu Portifolio</span></a>
<a href="#Sobre"><span class="botao blue"><i class="far fa-envelope"></i>Contato</span></a>
</div>
</section>
<section class="container-sobre">
<h2 class="titulo-seq"><a name="Sobre">Sobre Mim</a></h2>
<div class="conteudo-sobre">
<div class="container-imagem">
<img class="img-perfil" src="img/fotas.jpg" alt="foto-perfil">
</div>
<div class="container-texto-sobre">
<h2 class="titulo-seq">Ola,</h2>
<p class="texto">
🪐 me chamo Isaac Portela da Silva🪐, atualmente tenho 18 anos de idade. Conheci o mundo da programação no ano de 2019 quando comecei a cursar o curso técnico de informática integrado com o ensino médio no CEFET-MG. Hoje no final do 3° ano vejo o quanto
eu evoluí na programação ao longo desses três anos como pessoa e como programador.<br>Agora apos o meu primeiro ciclo na programação finalizar, estou em busca novas experiências, com o objetivo de conseguir
meu primeiro estágio na area.
</p>
<div class="container-informacoes">
<span class="itens-info"><em>Nome:</em> Isaac Portela</span>
<span class="itens-info"><em>Endereço:</em> Belo Horizonte, regiao do barreiro</span>
<span class="itens-info"><em>Aniversário:</em> 20 de Novembro</span>
<span class="itens-info"><em>Email:</em> [email protected]</span>
</div>
<div class="container-buttom-sobre">
<a href="https://docs.google.com/document/d/1t_R-NS4yToPLWWsNXXE-coauIZymvXa7xP2a0Kt-6oY/edit#">
<span class="botao-sobre"><i class="fas fa-file-download"></i>Meu Curriculo</span></a>
<a href="#Sobre"><span class="botao-sobre blue"><i class="far fa-envelope"></i>Contato</span></a>
</div>
</div>
</div>
</section>
<section class="container-habilidades">
<h2 class="titulo-seq">Minhas Habilidades</h2>
<p class="texto">Já trabalhei com todas essas linguagens. Sendo a linguagem C durante o primeiro ano do ensino médio, Java, PHP e Java Server no segundo ano, HTML, CSS durante todos os anos. E atualmente estou programando com mais ênfase em python django em
meu projeto de conclusão de curso.</p>
<div class="container-progress-linguagens">
<span class="progress-linguagens">
<p>PYTHON</p>
<label>100%</label>
<progress value="100" max="100">100%</progress>
</span>
<span class="progress-linguagens">
<p>DJANGO</p>
<label>100%</label>
<progress value="100" max="100">100%</progress>
</span>
<span class="progress-linguagens">
<p>HTML & CSS</p>
<label>90%</label>
<progress value="90" max="100">90%</progress>
</span>
<span class="progress-linguagens">
<p>BOOSTRAP</p>
<label>70%</label>
<progress value="70" max="100">70%</progress>
</span>
<span class="progress-linguagens">
<p>JAVA SCRIPT</p>
<label>80%</label>
<progress value="80" max="100">80%</progress>
</span>
<span class="progress-linguagens">
<p>JQUERY</p>
<label>80%</label>
<progress value="80" max="100">80%</progress>
</span>
<span class="progress-linguagens">
<p>SQL</p>
<label>90%</label>
<progress value="90" max="100">90%</progress>
</span>
<span class="progress-linguagens">
<p>PHP</p>
<label>70%</label>
<progress value="70" max="100">70%</progress>
</span>
<span class="progress-linguagens">
<p>JAVA</p>
<label>95%</label>
<progress value="95" max="100">95%</progress>
</span>
<span class="progress-linguagens">
<p>SPRING BOOT</p>
<label>50%</label>
<progress value="50" max="100">50%</progress>
</span>
<span class="progress-linguagens">
<p>GIT</p>
<label>60%</label>
<progress value="60" max="100">60%</progress>
</span>
<span class="progress-linguagens">
<p>C</p>
<label>70%</label>
<progress value="70" max="100">70%</progress>
</span>
</div>
</section>
<section class="container-timeline">
<h2 class="titulo-seq"><a name="Experiecias">Formação/Experiências</a></h2>
<ul>
<li>
<div class="timeline-corpo">
<h3>CEFET-MG</h3>
<p>Formação acadêmica, curso Técnico integrado em informática.</p>
</div>
<div class="timeline-data">
<h4>Fevereiro 2019 - Fevereiro 2022</h4>
</div>
</li>
<li>
<div class="timeline-corpo">
<h3> Sistema de Gestão de Propriedade Intelectual</h3>
<p> Desenvolvimento de uma plataforma com o objetivo simplificar a manutenção de Propriedades Intelectuais (PIs) associadas às instituições de ensino públicas, sendo o foco principal o Centro Federal de Educação Tecnológica de Minas
Gerais (CEFET-MG).
</p>
</div>
<div class="timeline-data">
<h4>Julho 2020 - Fevereiro 2021</h4>
</div>
</li>
<li>
<div class="timeline-corpo">
<h3> Gestão dos Projetos SIDA & SORA</h3>
<p> O projeto visava desenvolver um sistema de controle e coleção de bibliotecas, e um sistema de controle de periódicos acadêmicos. Ele foi desenvolvido por mim e minha turma durante meu segundo ano do ensino medio com coordenação
do Professor William Sallum.
</p>
</div>
<div class="timeline-data">
<h4>Outubro 2020 - Maio 2021</h4>
</div>
</li>
</ul>
</section>
<section class="container-projetos">
<h2 class="titulo-seq"><a name="Projetos">Meus Projetos</a></h2>
<div class="projetos">
<a href="https://github.com/IzabelaAAndrade/TrabalhoFinalWebINF2A">
<div class="projeto-itens">
<img src="img/Interface_relatorio_biblioteca.png" alt="imagem-periodicos" srcset="">
<h5>SIDA & SORA</h5>
<h6>Sistema de controle de biblioteca e de periodicos academicos.</h6>
</div>
</a>
<a href="https://github.com/cie-cefet-mg/TCC-SIGPPI/wiki">
<div class="projeto-itens">
<img src="img/projeto-sigppi.png" alt="imagem-projeto-sigpi" srcset="">
<h5>SIGPI</h5>
<h6>Sistema de Gestão e Pesquisa de Propriedades Intelectuais.</h6>
</div>
</a>
<a href="https://github.com/isaac-portela/Atividades-Praticas-Java/tree/main/JavaDesktop/JogoMemoria">
<div class="projeto-itens">
<img src="img/projeto-jogo-memoria-java.png" alt="imagem-jogo-memória" srcset="">
<h5>Jogo da Memoria em Java</h5>
<h6>Jogo da memória com interface gráfica do naruto.</h6>
</div>
</a>
<a href="https://isaac-portela.github.io/dininho-adventure/">
<div class="projeto-itens">
<img src="img/projeto-dininho.png" alt="imagem-jogo-memória" srcset="">
<h5>Dininho Adventures</h5>
<h6>Site para divulgação do Jogo do dininho-adventure.</h6>
</div>
</a>
</div>
</section>
</main>
<script src="js/mobile-nav-bar.js"></script>
</body>
</html>