-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
272 lines (260 loc) · 18 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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Hudson Nascimento — Desenvolvimento de Software</title>
<meta name="title" content="Hudson Nascimento — Desenvolvimento de software">
<meta name="description"
content="Ágil, resiliente e atento aos detalhes, o brasileiro Hudson Nascimento trabalha com desenvolvimento de software, oferece soluções digitais de ponta em um mercado cada vez mais conectado e dinâmico.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://hudson-nascimento.github.io/">
<meta property="og:title" content="Hudson Nascimento — Desenvolvimento de software">
<meta property="og:description"
content="Ágil, resiliente e atento aos detalhes, o brasileiro Hudson Nascimento trabalha com desenvolvimento de software, oferece soluções digitais de ponta em um mercado cada vez mais conectado e dinâmico.">
<meta property="og:image" content="https://hudson-nascimento.github.io/images/meta-tags.png">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://hudson-nascimento.github.io/">
<meta property="twitter:title" content="Hudson Nascimento — Desenvolvimento de software">
<meta property="twitter:description"
content="Ágil, resiliente e atento aos detalhes, o brasileiro Hudson Nascimento trabalha com desenvolvimento de software, oferece soluções digitais de ponta em um mercado cada vez mais conectado e dinâmico.">
<meta property="twitter:image" content="https://hudson-nascimento.github.io/images/meta-tags.png">
<link rel="stylesheet" href="assets/css/tailwind.css">
<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=Poppins:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="assets/image/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/image/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/image/favicon-16x16.png">
</head>
<body class="bg-gray-100">
<section class="py-10 md:py-16">
<div class="container max-w-screen-xl mx-auto px-4">
<nav class="flex items-center justify-between mb-40"><img src="assets/image/navbar-logo.png" alt="Logo"><a
href="http://hudson-nascimento.github.io/shared/Hudson_Nascimento_Desenvolvedor_Dot_Net.pdf"
class="px-7 py-3 md:px-9 md:py-4 font-medium md:font-semibold bg-gray-700 text-gray-50 text-sm rounded-md hover:bg-gray-50 hover:text-gray-700 transition ease-linear duration-500"
alt="download curriculo" target="_blank" rel="noopener">baixar currículo</a></nav>
<div class="text-center">
<div class="flex justify-center mb-16"><img src="assets/image/home-img.png" alt="Image"></div>
<h6 class="font-medium text-gray-600 text-lg md:text-2xl uppercase mb-8">Hudson Nascimento</h6>
<h1 class="font-normal text-gray-900 text-4xl md:text-7xl leading-none mb-8">Desenvolvedor de software
</h1>
<p class="font-normal text-gray-600 text-md md:text-xl mb-16">Versátil e adaptativo a contextos manteve
atuação em empresas nacionais e consultorias multinacionais de variados
setores da economia, adquirindo vasta experiência na construção de sistemas e aplicações.</p><a
href="https://linkedin.com/in/hudson-nascimento/"
class="px-7 py-3 md:px-9 md:py-4 font-medium md:font-semibold bg-gray-700 text-gray-50 text-sm rounded-md hover:bg-gray-50 hover:text-gray-700 transition ease-linear duration-500">Abrir
o LinkedIn</a>
</div>
</div>
</section>
<!-- <section class="py-10 md:py-16">
<div class="container max-w-screen-xl mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-gray-50 px-8 py-10 rounded-md">
<div class="w-20 py-6 flex justify-center bg-gray-100 rounded-md mb-4"><i
data-feather="activity"></i></div>
<h4 class="font-medium text-gray-700 text-lg mb-4">Backend</h4>
<p class="font-normal text-gray-500 text-md">.NET (C#) - Estrutura de código aberto e
multiplataforma para a criação de aplicativos modernos e serviços de nuvem
robustos.<br>TypeScript - Linguagem de programação fortemente tipada que se baseia em JavaScript
(ECMAScript6).</p>
</div>
<div class="bg-gray-50 px-8 py-10 rounded-md">
<div class="w-20 py-6 flex justify-center bg-gray-100 rounded-md mb-4"><i
data-feather="codesandbox"></i></div>
<h4 class="font-medium text-gray-700 text-lg mb-4">Frontend</h4>
<p class="font-normal text-gray-500 text-md">HTML, CSS e JS<br>Angular - Plataforma de aplicações
web de código-fonte aberto e front-end baseado em TypeScript.<br>Bootstrap - Poderoso kit de
ferramentas de front-end repleto de recursos.</p>
</div>
<div class="bg-gray-50 px-8 py-10 rounded-md">
<div class="w-20 py-6 flex justify-center bg-gray-100 rounded-md mb-4"><i data-feather="coffee"></i>
</div>
<h4 class="font-medium text-gray-700 text-lg mb-4">DevOps</h4>
<p class="font-normal text-gray-500 text-md">Cloud: Azure e AWS.</p>
</div>
</div>
</div>
</section> -->
<section class="py-10 md:py-16">
<div class="container max-w-screen-xl mx-auto px-4">
<div class="flex flex-col lg:flex-row justify-between">
<div class="mb-10 lg:mb-0">
<h1 class="font-medium text-gray-700 text-3xl md:text-4xl mb-5">Portfólio</h1>
<p class="font-normal text-gray-500 text-xs md:text-base">Projetos para consulta e estudo de padrões
de projeto e diferentes abordagens.</p>
</div>
<div class="space-y-24">
<div class="flex space-x-6">
<h1 class="font-normal text-gray-700 text-3xl md:text-4xl">01</h1><span
class="w-28 h-0.5 bg-gray-300 mt-5"></span>
<div>
<h1 class="font-normal text-gray-700 text-3xl md:text-4xl mb-5">Brasil Business (Em breve)
</h1>
<p class="font-normal text-gray-500 text-sm md:text-base">Um projeto completo livre e
documentado que possui a responsabilidade de gerir um pequeno negócio fictício,
promovendo funcionalidades de cadastros e estatísticas.</p>
</div>
</div>
<div class="flex space-x-6">
<h1 class="font-normal text-gray-700 text-3xl md:text-4xl">02</h1><span
class="w-28 h-0.5 bg-gray-300 mt-5"></span>
<div>
<h1 class="font-normal text-gray-700 text-3xl md:text-4xl mb-5">Brasil API (Em breve)</h1>
<p class="font-normal text-gray-500 text-sm md:text-base">Um projeto onde é abordado o REST
(um modelo de arquitetura para sistemas distribuídos que usam o protocolo HTTP).</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-10 md:py-16">
<div class="container max-w-screen-xl mx-auto px-4">
<h1 class="font-medium text-gray-700 text-3xl md:text-4xl mb-5">Ultimas Experiências</h1>
<p class="font-normal text-gray-500 text-xs md:text-base mb-20">Algumas empresa em que trabalhei com
desenvolvedor de software
</p>
<div class="flex flex-col lg:flex-row justify-between">
<div class="space-y-8 md:space-y-16 mb-16 md:mb-0">
<h6 class="font-medium text-gray-400 text-base uppercase">Empresa</h6>
<p class="font-semibold text-gray-600 text-base">NTT Data<span class="font-normal text-gray-300">/
mundial</span></p>
</div>
<div class="space-y-8 md:space-y-16 mb-16 md:mb-0">
<h6 class="font-medium text-gray-400 text-base uppercase">Cargo</h6>
<p class="font-normal text-gray-400 text-base">Desenvolvedor .NET Sênior</p>
</div>
<div class="space-y-8 md:space-y-16">
<h6 class="font-medium text-gray-400 text-base uppercase">Ano</h6>
<p class="font-normal text-gray-400 text-base">2024</p>
</div>
</div>
</div>
</section>
<section class="py-10 md:py-16">
<div class="container max-w-screen-xl mx-auto px-4">
<h1 class="font-medium text-gray-700 text-3xl md:text-4xl mb-5">Educação</h1>
<p class="font-normal text-gray-500 text-xs md:text-base mb-20">Estudo e construção de
conhecimento</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-gray-50 px-8 py-10 rounded-md">
<h4 class="font-medium text-gray-700 text-lg mb-4">Anhanguera Educacional</h4>
<p class="font-normal text-gray-500 text-md mb-4">Análise e Desenvolvimento de Sistemas - Tecnólogo</p>
<div class="relative">
<h6 class="font-semibold text-gray-500 text-md relative z-10">Detalhes sobre o curso aqui.</h6><span
class="w-32 h-1 bg-blue-200 absolute bottom-1 left-0 z-0"></span>
</div>
</div>
<div class="bg-gray-50 px-8 py-10 rounded-md">
<h4 class="font-medium text-gray-700 text-lg mb-4">UniCEUB</h4>
<p class="font-normal text-gray-500 text-md mb-4">Curso .NET C# fundamentos</p>
<div class="relative">
<h6 class="font-semibold text-gray-500 text-md relative z-10">C# é uma linguagem é usada para
qualquer coisa, desde criação de sites, jogos, aplicativos móveis até aplicativos IoT e
muito
mais.</h6><span class="w-32 h-1 bg-blue-200 absolute bottom-1 left-0 z-0"></span>
</div>
</div>
<!-- <div class="bg-gray-50 px-8 py-10 rounded-md">
<h4 class="font-medium text-gray-700 text-lg mb-4">Autodidata</h4>
<p class="font-normal text-gray-500 text-md mb-4">Lorem ipsum dolor sit amet,
consectetur<br>adipiscing elit, sed do eiusmod tempor<br>incididunt ut labore et dolore magna
aliqua.</p>
<div class="relative">
<h6 class="font-semibold text-gray-500 text-md relative z-10">See the place here</h6><span
class="w-32 h-1 bg-blue-200 absolute bottom-1 left-0 z-0"></span>
</div>
</div> -->
</div>
</div>
</section>
<!-- <section class="py-10 md:py-16">
<div class="container max-w-screen-xl mx-auto px-4">
<h1 class="font-medium text-gray-700 text-3xl md:text-4xl mb-5">Testimonial</h1>
<p class="font-normal text-gray-500 text-xs md:text-base mb-10 md:mb-20">Below is a summary of the places I
studied</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-gray-50 px-8 py-10 rounded-md">
<p class="font-normal text-gray-500 text-md mb-4">Lorem ipsum dolor sit amet,
consectetur<br>adipiscing elit, sed do eiusmod tempor<br>incididunt ut labore et dolore magna
aliqua.</p>
<h6 class="font-semibold text-gray-500 text-md">Stephan Clark<span
class="font-medium text-gray-300 text-sm">- CEO at EarlyBird</span></h6>
</div>
<div class="bg-gray-50 px-8 py-10 rounded-md">
<p class="font-normal text-gray-500 text-md mb-4">Lorem ipsum dolor sit amet,
consectetur<br>adipiscing elit, sed do eiusmod tempor<br>incididunt ut labore et dolore magna
aliqua.</p>
<h6 class="font-semibold text-gray-500 text-md">Stephan Clark<span
class="font-medium text-gray-300 text-sm">- CEO at EarlyBird</span></h6>
</div>
<div class="bg-gray-50 px-8 py-10 rounded-md">
<p class="font-normal text-gray-500 text-md mb-4">Lorem ipsum dolor sit amet,
consectetur<br>adipiscing elit, sed do eiusmod tempor<br>incididunt ut labore et dolore magna
aliqua.</p>
<h6 class="font-semibold text-gray-500 text-md">Stephan Clark<span
class="font-medium text-gray-300 text-sm">- CEO at EarlyBird</span></h6>
</div>
</div>
</div>
</section> -->
<section class="py-10 md:py-16">
<div class="container max-w-screen-xl mx-auto px-4">
<h1 class="font-medium text-gray-700 text-3xl md:text-4xl mb-5">Clientes impactados</h1>
<p class="font-normal text-gray-500 text-xs md:text-base mb-10 md:mb-20">Companhias onde cocriamos dentro de
consultorias e contrato direto.</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3"><img src="assets/image/brand-1.png" alt="Image">
<img src="assets/image/brand-2.png" alt="Image"> <img src="assets/image/brand-3.png" alt="Image"> <img
src="assets/image/brand-4.png" alt="Image"> <img src="assets/image/brand-5.png" alt="Image"> <img
src="assets/image/brand-6.png" alt="Image"> <img src="assets/image/brand-7.png" alt="Image"> <img
src="assets/image/brand-8.png" alt="Image"> <img src="assets/image/brand-9.png" alt="Image"> <img
src="assets/image/brand-10.png" alt="Image"> <img src="assets/image/brand-11.png" alt="Image"> <img
src="assets/image/brand-12.png" alt="Image">
</div>
</div>
</section>
<footer class="py-10 md:py-16 mb-20 md:mb-40 lg::mb-52">
<div class="container max-w-screen-xl mx-auto px-4">
<div class="text-center">
<p><a href="https://linkedin.com/in/hudson-nascimento/"
class="px-7 py-3 md:px-9 md:py-4 font-medium md:font-semibold bg-gray-700 text-gray-50 text-sm rounded-md hover:bg-gray-50 hover:text-gray-700 transition ease-linear duration-500">Saiba
mais no LinkedIn</a></p>
<!-- <h1 class="font-medium text-gray-700 text-4xl md:text-5xl mb-5">Obrigado!</h1> -->
<!-- <p class="font-normal text-gray-400 text-md md:text-lg mb-20">I’m not currently taking on new client
work but feel free to contact me for any<br>other inquiries.</p> -->
<!-- <div class="flex items-center justify-center space-x-8">
<a href="#" title="link"
class="w-16 h-16 flex items-center justify-center rounded-full hover:bg-gray-200 transition ease-in-out duration-500"><i
data-feather="twitter"
class="text-gray-500 hover:text-gray-800 transition ease-in-out duration-500"></i></a>
<a href="#" title="link"
class="w-16 h-16 flex items-center justify-center rounded-full hover:bg-gray-200 transition ease-in-out duration-500"><i
data-feather="dribbble"
class="text-gray-500 hover:text-gray-700 transition ease-in-out duration-500"></i></a>
<a href="#" title="link"
class="w-16 h-16 flex items-center justify-center rounded-full hover:bg-gray-200 transition ease-in-out duration-500"><i
data-feather="facebook"
class="text-gray-500 hover:text-gray-700 transition ease-in-out duration-500"></i></a>
<a href="#" title="link"
class="w-16 h-16 flex items-center justify-center rounded-full hover:bg-gray-200 transition ease-in-out duration-500"><i
data-feather="codepen"
class="text-gray-500 hover:text-gray-700 transition ease-in-out duration-500"></i></a>
<a href="#" title="link"
class="w-16 h-16 flex items-center justify-center rounded-full hover:bg-gray-200 transition ease-in-out duration-500"><i
data-feather="at-sign"
class="text-gray-500 hover:text-gray-700 transition ease-in-out duration-500"></i></a>
<a href="#" title="link"
class="w-16 h-16 flex items-center justify-center rounded-full hover:bg-gray-200 transition ease-in-out duration-500"><i
data-feather="instagram"
class="text-gray-500 hover:text-gray-700 transition ease-in-out duration-500"></i></a>
</div> -->
</div>
</div>
</footer>
<script>feather.replace()</script>
</body>
</html>