-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (143 loc) · 6.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yago Desenvolvedor - Designer</title>
<meta name="description" content="Desenvolvedor Front End e UX/UI Designer">
<link rel="stylesheet" href="/style.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=Moirai+One&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="/imgs/favicon.svg" type="image/x-icon">
</head>
<body>
<header class="header">
<img src="/imgs/img/Yago Batista.svg" alt="title" width="376" height="66">
<nav>
<ul class="header-menu">
<li><a href="#experiencia">Experiência</a></li>
<li><a href="#formacao ">Formação</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<main class="introducao">
<img src="./imgs/img/perfil.jpg" alt="perfil" width="360" height="520">
<div class="texto-introducao">
<h1>Desenvolvedor <br>
Front End & <br>
UX/UI Designer</h1>
<p>Localizado em Manaus/AM</p>
</div>
</main>
<section class="experiencia" id="experiencia" aria-label="Experiência">
<h2 class="subtitulo">Experiência</h2>
<div>
<p class="experiencia-texto">Curso completo da RocketSeat de desenvolvedor,
e Origamid com projetos utilizando <strong>HTML</strong>,<strong>CSS</strong> e
<strong>JavaScript</strong>. Entendimento em protótipos utilizando a ferramenta Figma, e conhecimento em <strong>UX</strong> e <strong>UI</strong> Design.
</p>
<div class="empresa">
<span class="empresa-ano">2023</span>
<h3 class="empresa-titulo">Bikcraft</h3>
<span class="empresa-titulo">Desenvolvedor Júnior</span>
<p class="empresa-texto">Desenvolvo pequenos projetos como o Bikcraft
utilizando apenas HTML e CSS, para aplicativos Web totalmente responsivo.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>UX Design</li>
<li>UI Design</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2024</span>
<h3 class="empresa-titulo">E-commerce de Roupas Sustentáveis</h3>
<span class="empresa-titulo">Projeto Pessoal</span>
<p class="empresa-texto">React.js para construção da interface de usuário dinâmica, HTML5 e CSS3 para estruturação e estilização, integração com uma API RESTful para gerenciamento de produtos e carrinho de compras.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>React</li>
<li>Api</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2024</span>
<h3 class="empresa-titulo">Plataforma de Receitas Culinárias</h3>
<span class="empresa-titulo">Desenvolvedor Júnior</span>
<p class="empresa-texto">React.js para criar uma UI dinâmica e responsiva, Styled Components para estilização modular, HTML5 e CSS3 para marcação e design, integração com uma API de receitas.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>Api</li>
<li>JavaScript</li>
<li>UI Design</li>
</ul>
</div>
</div>
</section>
<section class="formacao" id="formacao" aria-label="Formação">
<div class="formacao-container">
<h2 class="subtitulo">FOR<br>MA<br>ÇÃO</p>
</h2>
<div>
<p class="formacao-texto">Além da minha formação acadêmica em andamento
sempre me mantenho atualizado com cursos intensivos
online de desenvolvimento Web. E me desafiando com novos <strong>projetos</strong>.</p>
<ul class="faculdade-lista">
<li class="faculdade">
<span class="faculdade-tipo">Discover</span>
<h3 class="faculdade-curso">HTML, CSS, JavaScript, SQL e React</h3>
<span class="faculdade-instituicao">RocketSeat</span>
</li>
<li class="faculdade">
<span class="faculdade-tipo">UX/UI Design</span>
<h3 class="faculdade-curso">Desenvolvimento Web e Design</h3>
<span class="faculdade-instituicao">Origamid</span>
</li>
<li class="faculdade">
<span class="faculdade-tipo">Node</span>
<h3 class="faculdade-curso">Desenvolvimento mobile em Node</h3>
<span class="faculdade-instituicao">Eldorado</span>
</li>
</ul>
<div class="formacao-extra">
<div class="cursos">
<h3>Cursos Intensivos</h3>
<ul>
<li>UX Design & UI Design <span>56h</span></li>
<li>Front End para iniciantes <span>72h</span></li>
<li>Aprenda a programar do zero<span>40h</span></li>
<li>Desenvolvimento Mobile em Node Js<span>24h</span></li>
<li>Programação em núvem<span>20h</span></li>
</ul>
</div>
<div class="idiomas">
<h3>Idiomas</h3>
<ul>
<li>Inglês<span>/ Intermediário</span></li>
</div>
</div>
</div>
</div>
</section>
<footer class="footer" id="contato">
<div class="footer-container">
<p class="footer-texto">Estou disponível para novos projetos
e ansioso para discutir como minhas
habilidades podem agregar valor à sua equipe.
Entre em contato para agendar uma conversa ☕</p>
<ul class="footer-contato">
<li>[email protected]</li>
<li><a href="http://wa.me/5592988484342">+55 92 8848-4342</a></li>
<li><a href="https://www.instagram.com/qpenta">@instagram</a></li>
</ul>
<p class="footer-copy">YB. Alguns direitos reservados</p>
</div>
</footer>
</body>
</html>