-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
260 lines (229 loc) · 12.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://kit.fontawesome.com/eb0ac0c8fe.js" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ilza Medeiros</title>
<link rel="stylesheet" href="css/bootstrap-4.1.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header class="header">
<div class="header_text text-center">
<img class="code_img" src="images/code-icon-png-2.png" alt="">
<h1 class="header_title text-center">Ilza Medeiros</h1>
<p class="header_subtext text-center">Front End Developer</p>
</div>
</header>
<nav class="navbar navbar-expand-lg bg-lilas justify-content-center ">
<button class="navbar-toggler" type="menu" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar text-white rounded border border-white">Menu</span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-white mr-3" href="#sobre">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link text-white mr-3" href="#habilidades">Habilidades</a>
</li>
<li class="nav-item">
<a class="nav-link text-white mr-3" href="#portifolio">Portfólio</a>
</li>
<li class="nav-item">
<a class="nav-link text-white mr-3" href="#educacao">Educação</a>
</li>
<li class="nav-item">
<a class="nav-link text-white mr-3" href="#contato">Contato</a>
</li>
</ul>
</div>
</nav>
<main>
<section id="sobre" class="container d-flex flex-wrap justify-content-center p-4">
<div>
<img class="sobre_foto" src="images/IMG_2450 (1).jpeg" alt="Foto de perfil de ilza">
</div>
<div class="text-center align-self-center col ml-4 sobre_text">
<p class="text-black">Sou desenvolvedora front end pelo <span><a href="">{reprograma}</a></span> e
<span><a href="">Women
Who Code Recife</a></span>. </p>
<p class="text-black "> Experiência com
atendimento ao cliente nos 7 anos em que atuei como enfermeira em terapia intensiva
(CTI).
Me identifico com a programação pois
tenho a oportunidade de trazer impacto para a sociedade e mudar vidas.</p>
<p class="text-black">Outras áreas de interesse: Python, Metodologias Ágeis, UX</p>
</div>
</section>
<section id="habilidades" class="container">
<div class="habilities d-flex flex-wrap justify-content-around text-white bg-lilas">
<div class="icons m-4 col">
<h3 class="d-flex justify-content-center m-4 font-weight-bold">Habilidades</h3>
<div class="d-flex justify-content-center font-weight-bolder">
<div class="text-center">
<i class="col fab fa-html5"></i>
<p class="m-2">HTML</p>
<i class="col fab fa-git-alt"></i>
<p class="m-2">Github</p>
<i class="col fab fa-sass"></i>
<p class="m-2">Sass</p>
</div>
<div class="text-center">
<i class="col fab fa-css3-alt"></i>
<p class="m-2">CSS</p>
<i class="col fab fa-bootstrap"></i>
<p class="m-2">Bootstrap</p>
<i class="col fas fa-tasks"></i>
<p class="m-2">Scrum</p>
</div>
<div class="text-center">
<i class="col fab fa-js-square"></i>
<p class="m-2">Javascript</p>
<i class="col fab fa-react"></i>
<p class="m-2">React</p>
<i class="col far fa-file-code"></i>
<p class="m-2">JQuery</p>
</div>
</div>
</div>
<div class="icons m-4 col text-center">
<h3 class="m-4 font-weight-bold">Soft Skills</h3>
<p>Empatia</p>
<p>Liderança</p>
<p>Trabalho em equipe e Comunicação</p>
<p>Organização</p>
<p>Trabalho sob pressão</p>
<p>Resolução de problemas</p>
</div>
</div>
</section>
<section id="portifolio" class="container">
<h3 class="text-center m-4 font-weight-bold text-roxo">Portfólio</h3>
<div class="d-flex flex-wrap justify-content-around mb-4">
<div class="card text-center" style="width: 18rem;">
<img src="images/m-de-maravilhosa.png" class="card-img-top" alt="Foto do projeto M de Maravilhosa">
<div class="card-body">
<h5 class="card-title">M de Maravilhosa</h5>
<p>Projeto para destacar uma mulher que inspira</p>
<a target="blank" href="https://m-de-maravilhosa-lizzo.netlify.app/personalidade/lizzo/"
class="btn btn-roxo">Saiba
mais</a>
</div>
</div>
<div class="card text-center" style="width: 18rem;">
<img src="images/mundo-gelado.png" class="card-img-top" alt="Foto do projeto mundo gelado">
<div class="card-body">
<h5 class="card-title">Agência Mundo Gelado</h5>
<p>Projeto para prática de HTML e CSS</p>
<a target="blank" href="https://ag-mundo-gelado-rec.netlify.app/" class="btn btn-roxo">Saiba mais</a>
</div>
</div>
<div class="card text-center" style="width: 18rem;">
<img src="images/todolist.png" class="card-img-top" alt="Foto do projeto lista de taferas">
<div class="card-body">
<h5 class="card-title">To Do List</h5>
<p>Lista de tarefas em Javascript Vanilla</p>
<a target="blank" href="https://ilzinha.github.io/T9-Projeto2-TodoList/" class="btn btn-roxo">Saiba mais</a>
</div>
</div>
<div class="card text-center" style="width: 18rem;">
<img src="images/irvan-smith-5eBW5GomfhY-unsplash.jpg" class="card-img-top"
alt="foto do projeto desafios de javascript em 30 dias">
<div class="card-body">
<h5 class="card-title">Javascript 30 days challenge</h5>
<p>Desafios com Javascript Vanilla</p>
<a target="blank" href="https://javascript-challenges.netlify.app/" class="btn btn-roxo">Saiba mais</a>
</div>
</div>
<div class="card text-center" style="width: 18rem;">
<img src="images/conservas.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Conservas Libertárias</h5>
<p>Projetos com clientes reais pelo {reprograma}</p>
<a target="blank" href="https://conservaslibertarias.netlify.app/" class="btn btn-roxo">Saiba mais</a>
</div>
</div>
<div class="card text-center" style="width: 18rem;">
<img src="images/coronavirus.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Casos de Covid-19</h5>
<p>Consumo de API para mostrar dados do COVID-19</p>
<a target="blank" href="https://apistest.netlify.app/covid/" class="btn btn-roxo">Saiba mais</a>
</div>
</div>
</div>
</section>
<section id="educacao" class="container">
<h3 id="experiencia" class="text-center m-4 font-weight-bold text-roxo">Educação</h3>
<div class="d-flex flex-column flex-md-row
justify-content-between mb-5">
<div class="">
<h5 class="mb-0">Reprograma - Bootcamp de Front-End</h3>
<p>Programa de formação para desenvolvedoras front-end</p>
</div>
<div class=" text-md-right">
<span class="text-color">Março 2020 - Agosto 2020</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row
justify-content-between mb-5">
<div class="resume-content">
<h5 class="mb-0">Women Dev Projects - Women Who Code</h3>
<p>Capacitação em front-end com conhecimentos básicos e projeto pro-bono</p>
</div>
<div class="resume-date text-md-right">
<span class="text-color">Junho/2019 - Agosto/2020</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row
justify-content-between mb-5">
<div class="resume-content">
<h5 class="mb-0">Scrum - Certiprof</h3>
<p>Certificação em Scrum</p>
</div>
<div class="resume-date text-md-right">
<span class="text-color">Março/2019</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row
justify-content-between mb-5">
<div class="resume-content">
<h5 class="mb-0">Análise e Desenvolvimento de Sistemas - Uninassau</h3>
<p>Curso tecnólogo (trancado) </p>
</div>
<div class="resume-date text-md-right">
<span class="text-color">Outubro/2018</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row
justify-content-between mb-5">
<div class="resume-content">
<h5 class="mb-0">Enfermagem - Universidade de Pernambuco</h3>
<p>Graduação completa</p>
</div>
<div class="resume-date text-md-right">
<span class="text-color">Agosto/2008 - Dezembro/2012</span>
</div>
</div>
</section>
<section id="contato">
<div class="contato">
<h1 class="contato_title">Vamos conversar!</h1>
<p class="contato_text">Entre em contato pelo e-mail:</p>
<p class="email contato_text">[email protected]</p>
</div>
</section>
<footer class="footer">
<a class="github" target="blank" href="https://github.com/ilzinha"><i class="fab fa-github"></i></a>
<a class="instagram" target="blank" href="https://www.instagram.com/ilzinhaa/"><i class="fab fa-instagram"></i></a>
<a class="linkedin" target="blank" href="https://www.linkedin.com/in/ilza-medeiros/"><i class="fab fa-linkedin"></i></a>
</footer>
</main>
<script src="JS/jquery-3.4.1.min.js"></script>
<script src="JS/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
</body>
</html>