-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (126 loc) · 6.76 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mirella Santana</title>
<link rel="stylesheet" href="estilo.css">
<link rel="shortcut icon" href="icons/favicon-mebs.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.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:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="hero-imagem">
<div class="hero-texto">
<h1>Mirella Santana</h1>
<p>(Ou, para os íntimos, Mimi 🌻)</p>
</div>
</div>
<div class="sobre-mim">
<div class="titulo">
<br><h1>Quem sou eu?</h1>
</div>
<p class="paragrafo">Meu nome é Mirella, tenho 21 anos e sou uma entusiasta da computação.
Desde pequena, busco entender como a tecnologia pode transformar e melhorar
a vida das pessoas. Sou esforçada, organizada e estou sempre em busca de novos
desafios que me permitam crescer, como pessoa e profissionalmente. No futuro,
pretendo continuar explorando novas fronteiras e oportunidades.</p>
</div><br>
<div class="titulo">
<h1>Formação acadêmica</h1>
</div>
<div class="timeline-formacao">
<div class="container esquerda">
<div class="conteudo">
<h2>2018</h2>
<img src="imgs/2018.jpg" alt="Descrição da imagem 1">
<p>Inicio meu ensino médio no Instituto Federal de Pernambuco, fazendo o curso
técnico integrado de Química Industrial. Serei eternamente grata a este lugar,
que foi a minha segunda casa por 4 anos consecutivos. Daqui, tive o meu primeiro
diploma, muitas memórias e amigos incríveis.</p>
</div>
</div>
<div class="container direita">
<div class="conteudo">
<h2>2022</h2>
<img src="imgs/2022.jpeg" alt="Descrição da imagem 1">
<p>Realizo um sonho de infância, passar em uma universidade pública. Fui aprovada em
Engenharia pela Universidade Federal de Pernambuco. Foram meses turbulentos vivendo
na área II, as exatas, até ingressar na engenharia escolhida por mim, Engenharia
Química. Apesar de estar onde imaginei que seria o meu lugar, não me sentia 100%.</p>
</div>
</div>
<div class="container esquerda">
<div class="conteudo">
<h2>2023</h2>
<img src="imgs/2023.jpg" alt="Descrição da imagem 1">
<p>Passo no vestibular do Instituto Federal de Pernambuco novamente, mas, dessa vez,
para o curso superior de Análise e Desenvolvimento de Sistemas. Me arrisquei e entrei,
procurando entender onde daria este novo caminho a ser trilhado por mim.</p>
</div>
</div>
<div class="container direita">
<div class="conteudo">
<h2>2024</h2>
<img src="imgs/2024.jpg" alt="Descrição da imagem 1">
<p>Já dentro da área, surge o Embarque Digital e a possibilidade de estudar como bolsista na
CESAR School, uma oportunidade única. Tentei, passei, me matriculei e aqui estou, desenvolvendo
a minha página pessoal.</p>
</div>
</div>
</div><br>
<div class="experiencia">
<div class="titulo">
<h1>Experiência</h1>
</div>
<ol>
<li>Estudante pesquisadora no Programa Institucional de Bolsas de Iniciação Científica por 3 anos consecutivos
pelo Instituto Federal de Pernambuco, desenvolvendo pesquisa ainda no ensino médio;</li>
<li>Estagiária no DCFar, Departamento de Ciências Farmacêuticas da Universidade Federal de Pernambuco;</li>
<li>Monitora no Laboratório de Física e ao Núcleo de Astronomia do Instituto Federal de Pernambuco;</li>
<li>Estagiária no Núcleo de Apoio em Tecnologia da Informação — N@Ti, da Prefeitura da Cidade do Recife.</li>
<li>Estudante pesquisadora do Programa Institucional de Bolsas de Iniciação Científica pelo CNPq, o Conselho Nacional
de Desenvolvimento Científico e Tecnológico do país.</li>
</ol>
</div><br>
<div class="hobbies">
<div class="titulo">
<h1>Hobbies</h1>
</div>
<ul>
<li><b>Cinema</b>: sou apaixonada por cinema e com certeza esse é um dos meus maiores hobbies. Filmes, séries, desenhos,
tudo é válido para mim. Alguns dos meus filmes favoritos são Coraline e o Mundo Secreto, Lady Bird, Star Wars
e o Rei Leão.</li>
<li><b>Leitura</b>: adoro ler, entretanto esse é um hobby que acabou sendo prejudicado com o passar dos anos, pois a faculdade
e a pesquisa acabam sugando todo o meu tempo livre de leitura.</li>
<li><b>Conhecer novos pratos</b>: ir em restaurantes que nunca fui, conhecer culinárias diferentes e provar pratos com múltiplos
sabores é algo que curto bastante fazer no meu final de semana.</li>
</ul>
</div><br>
<div class="formulario">
<h2>Me mande uma mensagem!</h2>
<form action="#" method="post">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" placeholder="Escreva seu nome">
<label for="sobrenome">Sobrenome:</label>
<input type="text" id="sobrenome" name="sobrenome" placeholder="Escreva seu sobrenome">
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Escreva seu email">
<label for="mensagem">Mensagem:</label>
<textarea id="mensagem" name="mensagem" placeholder="Escreva a mensagem desejada" style="height:200px"></textarea>
<input type="submit" value="Enviar">
</form>
</div><br>
<h2>Conecte-se comigo!</h2>
<div class="redes-sociais">
<a href="https://linkedin.com/in/mirellaebs" class="fa fa-linkedin"></a>
<a href="https://www.instagram.com/mirellaebs/" class="fa fa-instagram"></a>
<a href="https://github.com/mihebs" class="fa fa-github"></a>
</div><br>
<div class="footer">
<p>© 2024 Mirella Santana - Página Pessoal. Todos os direitos reservados.</p>
</div>
</body>
</html>