-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (139 loc) · 5.64 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
<!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.0">
<title>Cindy Nascimento</title>
<meta name="description" content="Desenvolvedora Front-End e UX/UI Design localizada em Campinas, São Paulo.">
<!-- <link rel="stylesheet" href="/css/style.min.css"> -->
<link rel="stylesheet" href="./css/style.css">
<link rel="icon" type="image+svg/xml" href="./img/favicon.svg" >
</head>
<body>
<header class="header js-menu">
<img src="./img/nome.svg" alt="Cindy Nascimento" width="364" height="43">
<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="container introducao">
<img src="./img/perfil.jpg" alt="Foto Perfil" width="350" height="350">
<div>
<h1>Desenvolvedora<br> Front-End &<br> UI Designer</h1>
<div class="cidade">
<img src="./img/local.svg" alt="Cidade" width="24" height="24">
<p>Campinas, São Paulo</p>
</div>
</div>
</main>
<section class="container experiencia" id="experiencia"aria-label="Experiência">
<h2 class="subtitulo">Experiência</h2>
<div>
<p class="experiencia-texto">Atualmente mudando de área e buscando experiência na área de Front-End ou UI Designer, tenho desenvolvido alguns projetos como uma aplicação de finanças, uma rede social inspirada no Instagram e um site de bicicletas.</p>
<div class="empresa">
<span class="empresa-ano">2018 a 2021</span>
<h3 class="empresa-titulo">Drogal</h3>
<span class="empresa-titulo">Balconista</span>
<p class="empresa-texto">Atuei na área fazendo dispensação de medicamentos, ajudava na organização e reposição dos produtos na loja. Também fazia aferição de pressão e medição de glicemia.</p>
<ul class="empresa-habilidades">
<li>trabalho em equipe</li>
<li>resolver problemas</li>
<li>atender clientes</li>
<li>controle de caixa</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2017</span>
<h3 class="empresa-titulo">Drogaria São Paulo</h3>
<span class="empresa-titulo">Operadora de Caixa</span>
<p class="empresa-texto">Abertura e fechamento de caixa, registro de mercadorias e recebimento de pagamento. Fazia limpeza das sessões, gôndolas e cuidava da reposição e precificação dos produtos.</p>
<ul class="empresa-habilidades">
<li>organização</li>
<li>receber valores</li>
<li>bater metas</li>
<li>emitir notas fiscais</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2015</span>
<h3 class="empresa-titulo">Telemabi Contact Center</h3>
<span class="empresa-titulo">Atendente de Call Center</span>
<p class="empresa-texto">Trabalhei como telemarketing ativo, onde realizava chamadas para usuários, oferecia um produto ou serviço e fornecia informações sobre promoções e facilidades.</p>
<ul class="empresa-habilidades">
<li>boa comunicação</li>
<li>raciocínio rápido</li>
<li>foco em resultado</li>
<li>venda de produtos</li>
</ul>
</div>
</div>
</section>
<section class="formacao" id="formacao" aria-label="Formação">
<div class="formacao-container">
<h2 class="subtitulo">Formação</h2>
<div>
<p class="formacao-texto">
Aqui são alguns cursos que fiz até o momento.
Venho desenvolvendo minhas habilidades nas tecnologias <strong>NodeJs</strong> e <strong>ReactJs</strong> na parte de programação e <strong>Adobe XD</strong> e <strong>Figma</strong> na parte de UI Designer.
</p>
<div class="curso-lista">
<div class="meus-cursos">
<h3 class="curso">UI/UX Design</h3>
<ul>
<li>Interfaces digitais</li>
<li>Protótipos</li>
<li>Wireframe</li>
</ul>
<span class="curso-instituição">Origamid</span>
</div>
<div class="meus-cursos">
<h3 class="curso">Desenvolvimento Web</h3>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<span class="curso-instituição">Origamid</span>
</div>
<div class="meus-cursos">
<h3 class="curso">Front-End com NPM</h3>
<ul>
<li>NodeJs</li>
<li>NPM</li>
<li>Git</li>
</ul>
<span class="curso-instituição">Origamid</span>
</div>
</div>
<div class="idiomas">
<h3 class="idiomas-titulo">Idiomas</h3>
<span>Inglês / Bom entendimento - Intermediário</span>
</div>
</div>
</div>
</section>
<footer class="footer" id="contato">
<div class="footer-container">
<p class="footer-texto">
Estou disponível para novos projetos no momento. Vamos conversar?</p>
<ul class="footer-contato">
<li>
<img class="footer-imagem"src="./img/email.svg" title="e-mail"alt="Email" width="30" height="30">
<a target="_blank" href="mailto:cindy.nsc1@gmail.com">cindy.nsc1@gmail.com</a>
</li>
<li>
<img class="footer-imagem"src="./img/linkedin.svg" title="linkedin" alt="Linkedin" width="30" height="30">
<a target="_blank" href="https://www.linkedin.com/in/eucindyn/">Cindy Nascimento</a>
</li>
</ul>
<p class="footer-copy">© Todos os direitos reservados, 2022. </p>
</div>
</footer>
<script src="./js/script.js"></script>
</body>
</html>