-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
195 lines (165 loc) · 10.4 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- CSS -->
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="css/bulma.css">
<link rel="stylesheet" href="css/bulma.min.css">
<link rel="stylesheet" href="css/emoji.css">
<link href="css/all.css" rel="stylesheet">
<link rel="stylesheet" href="styles/helpers.css">
<!-- <link rel="stylesheet" href="styles/debug.css"> -->
<!-- JS -->
<script src="js/simple-typing-carousel.js"></script>
<!-- Outros -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Manuel Simón Nóvoa</title>
</head>
<body>
<div class="is-overlay has-text-right single-spaced desktop">
<div class="control has-icons-left linguas">
<div class="select">
<select>
<option selected>Mudar idioma</option>
<option>English</option>
<option>Español</option>
<option>Français</option>
<option>Português (Galego AGAL)</option>
</select>
</div>
<span class="icon is-medium is-left">
<i class="fas fa-language has-text-dark"></i>
</span>
</div>
</div>
<!-- .hero -->
<section class="hero is-fullheight">
<!-- .hero-head -->
<nav class="hero-head">
<div class="columns is-mobile is-marginless heading has-text-weight-bold">
<!-- Nome -->
<div class="column left desktop">
<h1 class="title is-4 has-text-weight-light">Manuel Simón Nóvoa</h1>
</div>
<!-- Navbar -->
<div class="column center oneline">
<a href="index.html"><p class="navbar-item ">Início</p></a>
<a href="portefolio.html"><p class="navbar-item ">Portefólio</p></a>
<a href="cv.html"><p class="navbar-item ">CV</p></a>
<a href="#"><p class="navbar-item has-text-grey-light">Sobre mim</p></a>
<a href="creditos.html"><p class="navbar-item ">Créditos</p></a>
</div>
<!-- RRSS -->
<div class="column right desktop">
<a href="https://www.linkedin.com/in/msimonnovoa/"><p class="navbar-item"><i class="fab fa-3x fa-linkedin has-text-link"></i></p></a>
</div>
</div>
</nav>
<!-- /.hero-head -->
<!-- .hero-body -->
<header class="hero-body center">
<div> <!-- Corpo -->
<section class="section" id="titles"> <!-- Titles -->
<div class="section-heading">
<h3 class="title is-2 has-text-centered">Engenheiro informático, consultor e sempre estudante.</h3>
<h4 class="subtitle is-5 has-text-centered">Tecnólogo e mil centas coisas mais. Provavelmente agora estou a fedelhar num novo projeto.</h4>
</div>
</section>
<section class="section" id="photo"> <!-- Photo -->
<div class="columns is-centered">
<figure class="image is-350x350">
<img class="is-rounded" src="images/DSC00366.jpg">
</figure>
</div>
</section>
<section class="section" id="bio"> <!-- Bio -->
<div class="container">
<p><b>Olá, encantado de conhecer-te!</b> Sou Manuel, um moço com grande vontade de aprender coisas novas dia a dia. Graduado em Engenharia Informática pela <a href="http://www.usc.gal/">Universidade de Santiago de Compostela</a>. De quando em quando, escrevo código, se tiver café. No meu tempo livre, às vezes, crio contido digital, como esta web. Também gosto de ler <i class="em em-open_book"></i>, escrever <i class="em em-writing_hand"></i>, participar em associações tecnológicas <i class="fas fa-terminal"></i>, escutar música <i class="em em-headphones"></i> ou jogar videojogos <i class="em em-video_game"></i>. Um pouco de tudo, enquanto a criatividade e a imaginação fiquem por médio.</p>
<p>Dado de interesse: tenho grande curiosidade pela linguística, especialmente a galego-portuguesa.</p>
</div>
</section>
<section class="section" id="things"> <!-- Things I do -->
<div class="columns has-same-height is-gapless">
<div class="column">
<!-- CV -->
<div class="card">
<div class="card-content">
<h3 class="title is-4">CV</h3>
<div class="content">
<p>Queres conhecer um bocado acerca da minha experiência profissional até o momento?</p>
<p>Convido-te então a leres o meu CV!</p>
<div class="center">
<a href="cv.html" class="button is-rounded is-medium">CV</a>
</div>
</div>
</div>
</div>
</div>
<div class="column">
<!-- Interesses -->
<div class="card">
<div class="card-content">
<h3 class="title is-4">As minhas principais áreas de interesse</h3>
<div class="content">
<p>Sou uma pessoa curiosa e adoro aprender de muitas coisas, mas estas são as que realmente apaixono:</p>
<ul>
<li>Segurança das TIC <i class="fas fa-shield-alt"></i></li>
<li>Redes móveis e de computadores <i class="fas fa-broadcast-tower"></i></li>
<li>Administração de sistemas <i class="fas fa-server"></i></li>
<li>Administração de redes <i class="fas fa-network-wired"></i></li>
<li>Administração de bases de dados <i class="fas fa-database"></i></li>
<li>Contentorização <i class="fas fa-box"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="column">
<!-- Portfolio -->
<div class="card">
<div class="card-content">
<h3 class="title is-4">Portefólio</h3>
<div class="content">
<p>Curiosidade em conhecer como são realmente alguns dos meus projetos?</p>
<p>Lê sobre eles e acessa ao seu código na secção do portefólio:</p>
<div class="center">
<a href="portefolio.html" class="button is-rounded is-medium">Portefólio</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section has-background-white-ter" id="rrss"> <!-- RRSS -->
<div class="container">
<h1 class="title is-4">Deveríamos estar a falar?</h1>
<p>Tens alguma dúvida sobre mim? Sobre esta web? Crês que deveríamos estar a beber uma cervejinha juntos? De ser assim, convido-te a escreveres uma mensagem a qualquer das minhas redes sociais, ou correio eletrónico. Será um prazer ter notícias tuas!</p>
<h4 class="subtitle is-6 has-text-centered">
<a href="https://github.com/ManuelSimon"><i class="fab fa-3x fa-github has-text-dark"></i></a>
<a href="https://www.linkedin.com/in/msimonnovoa/"><i class="fab fa-3x fa-linkedin has-text-link"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-3x fa-at has-text-grey"></i></a>
</h4>
</div>
</section>
</div>
</header>
<!-- /.hero-body -->
</section>
<!-- /.hero -->
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>Portefólio</strong> por <b>Manuel Simón Nóvoa</b>. O código deste sítio web fica sob uma licença
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. O contido deste sítio web fica sob uma licença <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.<br><br>
Consulta o <a href="https://github.com/ManuelSimon/portfolio">repositório</a> Git público deste projeto.<br><br>
Sítio feito com <i class="em em-cupid"></i> empregando <a href="creditos.html">as seguintes tecnologias</a>.
</p>
</div>
</footer>
</body>
</html>