-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnewindex.html
253 lines (233 loc) · 11.9 KB
/
newindex.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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pablo Vinícius</title>
<link rel="stylesheet" href="newstyle.css">
</head>
<body>
<header id="pag-ini">
<!-- Animação Estrelas -->
<div class="bolhas">
<span style="--i:11"></span>
<span style="--i:1"></span>
<span style="--i:4"></span>
<span style="--i:17"></span>
<span style="--i:5"></span>
<span style="--i:30"></span>
<span style="--i:8"></span>
<span style="--i:12"></span>
<span style="--i:2"></span>
<span style="--i:20"></span>
<span style="--i:6"></span>
<span style="--i:13"></span>
<span style="--i:9"></span>
<span style="--i:11"></span>
<span style="--i:19"></span>
<span style="--i:5"></span>
<span style="--i:9"></span>
<span style="--i:14"></span>
<span style="--i:2"></span>
<span style="--i:16"></span>
<span style="--i:7"></span>
<span style="--i:6"></span>
<span style="--i:18"></span>
<span style="--i:23"></span>
<span style="--i:3"></span>
<span style="--i:5"></span>
<span style="--i:21"></span>
<span style="--i:4"></span>
<span style="--i:9"></span>
<span style="--i:26"></span>
<span style="--i:7"></span>
<span style="--i:24"></span>
<span style="--i:10"></span>
<span style="--i:14"></span>
<span style="--i:7"></span>
<span style="--i:3"></span>
<span style="--i:5"></span>
<span style="--i:12"></span>
<span style="--i:18"></span>
<span style="--i:8"></span>
<span style="--i:22"></span>
<span style="--i:15"></span>
<span style="--i:10"></span>
<span style="--i:4"></span>
<span style="--i:9"></span>
<span style="--i:11"></span>
<span style="--i:23"></span>
<span style="--i:3"></span>
<span style="--i:7"></span>
<span style="--i:3"></span>
<span style="--i:8"></span>
<span style="--i:12"></span>
<span style="--i:2"></span>
<span style="--i:20"></span>
<span style="--i:6"></span>
<span style="--i:13"></span>
<span style="--i:31"></span>
<span style="--i:16"></span>
<span style="--i:19"></span>
<span style="--i:5"></span>
<span style="--i:10"></span>
<span style="--i:14"></span>
</div>
<!---------------------------->
<nav id="menu">
<menu id="opcoesmenu">
<li><a href="#">Home</a></li>
<li><a href="#sobremim">Sobre Mim</a></li>
<li><a href="#tecnologias">Tecnologias</a></li>
<li><a href="#projetos">Projetos</a></li>
</menu>
<div class="links-social">
</div>
</nav>
<nav id="apresentacao">
<div id="ladoesquerdo">
<div id="espaconome">
<h1 id="nome">Pablo Vinícius</h1>
<h2 id="titulo">Desenvolvedor de Software</h2>
<p id="textoapresentacao">Olá, sou programador atuando como Freelancer na criação de sistemas web com o objetivo de transformar sua visão em uma experiência funcional e impactante.</p>
</div>
</div>
<div id="ladodireito">
<img id="foto" src="img/apresentação/novo.png" alt="Minha foto">
</div>
</nav>
</header>
<section id="sobremim">
<h1>Sobre mim</h1>
<p id="textosobremim">Sou programador apaixonado por transformar ideias em soluções digitais inovadoras! Com experiência sólida em projetos freelancer, tenho expertise no desenvolvimento de sites com WordPress, além de criar aplicações robustas utilizando Java, Spring e SQL. Me dedico ao aprendizado contínuo e estou sempre em busca das mais recentes tecnologias para me manter alinhado às tendências do mercado. Estou pronto para enfrentar novos desafios e contribuir para o sucesso de projetos incríveis. Vamos criar algo extraordinário juntos!</p>
<div id="div-button">
<button class="curriculo"><a target="_blank" href="curriculo/index.html">CV Pt-Br</a></button>
<button class="curriculo"><a target="_blank" href="curriculo/index_ingles.html">CV En</a></button>
</div>
</section>
<section id="tecnologias">
<h1>Tecnologias</h1>
<nav class="espaco-tecnologi">
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/html.png" alt="HTML">
<h3 class="title-tec">HTML</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/css.png" alt="CSS">
<h3 class="title-tec">CSS</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/java-script.png" alt="javascript">
<h3 class="title-tec">Javascript</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/php.png" alt="Git">
<h3 class="title-tec">PHP</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/vue.png" alt="Git">
<h3 class="title-tec">Vue</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/java.png" alt="Java">
<h3 class="title-tec">Java</h3>
</div>
</nav>
<nav class="espaco-tecnologi">
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/mysql.png" alt="MySQL">
<h3 class="title-tec">MySQL</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/wordpress.png" alt="WordPress">
<h3 class="title-tec">WordPress</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/sql-server.png" alt="sql server">
<h3 class="title-tec">SQL Server</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/git.png" alt="Git">
<h3 class="title-tec">Git</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/Spring.png" alt="spring">
<h3 class="title-tec">Spring</h3>
</div>
<div class="div-tecnologia">
<img class="img-tec" src="img/conhecimentos/python.png" alt="Python">
<h3 class="title-tec">Python</h3>
</div>
</nav>
</section>
<section id="projetos">
<h1 id="title-projetc">Projetos</h1>
<nav class="espaco-projetos">
<div class="div-projeto">
<div class="text-projeto">
<h3 class="title-text-project">Site para casamento</h3>
<p>Este foi o site desenvolvido para meu casamento realizado em 04/07/2024, utilizando <strong>HTML</strong>, <strong>CSS</strong> e <strong>Javascript</strong>.</p>
<div class="links-deploy">
<a class="a-deploy" target="_blank" href="https://bia-pablo.netlify.app/">Deploy</a>
<a class="a-deploy" target="_blank" href="https://github.com/Pablo-Vini/SiteCasamento">Repositório</a>
</div>
</div>
<img class="img-projeto" src="img/projetos/1.png" alt="Projeto 1">
</div>
<div class="div-projeto">
<div class="text-projeto">
<h3 class="title-text-project">Site para Loja Palmas Impressoras</h3>
<p>Site desenvolvido em <strong>Wordpress</strong> e <strong>Elementor</strong> para comercio local chamado Palmas Impressoras, foi realizado cadastro de produtos e a criação de artes para o site com o <strong>Canva</strong>, o site é responsivo tendo banners personalizados para cada tipo de aparelho.</p>
<div class="links-deploy">
<a class="a-deploy" target="_blank" href="https://palmasimpressoras.com.br/">Deploy</a>
</div>
</div>
<img class="img-projeto" src="img/projetos/2.png" alt="Projeto 1">
</div>
<div class="div-projeto">
<div class="text-projeto">
<h3 class="title-text-project">Site para loja Meta Cromo</h3>
<p>Site para comercio local chamado Meta Cromo, utilizando <strong>Wordpress</strong> e <strong>Elementor</strong> criei um site responsívo com diversos produtos cadastrados.</p>
<div class="links-deploy">
<a class="a-deploy" target="_blank" href="https://metacromo.net.br/">Deploy</a>
</div>
</div>
<img class="img-projeto" src="img/projetos/3.png" alt="Projeto 1">
</div>
<div class="div-projeto">
<div class="text-projeto">
<h3 class="title-text-project">Site para portfólio Unigeo</h3>
<p>Site de portfólio de serviços ambientais para empresa Unigeo, utilizando <strong>Wordpress</strong> e <strong>Elementor</strong> o site ficou responsivo e de acordo com a identidade visual da empresa.</p>
<div class="links-deploy">
<a class="a-deploy" target="_blank" href="https://unigeo.netsites.net.br">Deploy</a>
</div>
</div>
<img class="img-projeto" src="img/projetos/4.png" alt="Projeto 1">
</div>
<div class="div-projeto">
<div class="text-projeto">
<h3 class="title-text-project">Reconhecimento facial</h3>
<p>Programa de detecção e reconhecimento facial com <strong>Python</strong> e <strong>OpenGL</strong>, o programa captura as fotos da face, treina, detecta a face, compara com as imagens cadastradas e apresenta o grau de confiabilidade.</p>
<div class="links-deploy">
<a class="a-deploy" target="_blank" href="https://github.com/Pablo-Vini/Reconhecimento-Facial">Repositório</a>
</div>
</div>
<img class="img-projeto" src="img/projetos/5.png" alt="Projeto 1">
</div>
<div class="div-projeto">
<div class="text-projeto">
<h3 class="title-text-project">CRUD Spring Boot</h3>
<p>Projeto de CRUD utiliando <strong>Spring Boot</strong> e <strong>MySQL</strong>, seguindo o padrão para criação de <strong>API RESTful</strong> utilizando a IDE <strong>STS</strong> e o Postman para monitoramento de dados.</p>
<div class="links-deploy">
<a class="a-deploy" target="_blank" href="https://github.com/Pablo-Vini/Projeto_CRUD_Spring">Repositório</a>
</div>
</div>
<img class="img-projeto" src="img/projetos/6.png" alt="Projeto 1">
</div>
</nav>
</section>
<footer>
<p>Copyright © 2025 - por Pablo Vinícius</p>
</footer>
</body>
</html>