-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
252 lines (223 loc) · 11.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>André de Matos Joaquim | Developer & Software Engineer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Personal page of André Joaquim">
<meta name="author" content="André de Matos Joaquim">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- Place favicon.ico and apple-touch-icon(s) here -->
<!-- ============== TO DO ==============
<link rel="shortcut icon" href="../img/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="../img/touch-icon.57.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../img/touch-icon.72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../img/touch-icon.114.png">
<link rel="apple-touch-startup-image" href="../img/splash.320x460.png" media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="../img/splash.768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="../img/splash.1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
============== ============== ============== -->
<!-- Le CSS -->
<link rel="stylesheet" type="text/css" href="frameworks/ink-3.0.5/css/ink-flex.min.css">
<link rel="stylesheet" type="text/css" href="frameworks/ink-3.0.5/css/font-awesome.min.css">
<!-- My css -->
<link rel="stylesheet" type="text/css" href="stylesheets/main-ink.css">
<link rel="stylesheet" type="text/css" href="stylesheets/flexbox.css">
<!-- load inks CSS for IE8 -->
<!--[if lt IE 9 ]>
<link rel="stylesheet" href="../css/ink-ie.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
<![endif]-->
<!-- test browser flexbox support and load legacy grid if unsupported -->
<script type="text/javascript" src="../ink-3.0.5/js/modernizr.js"></script>
<script type="text/javascript">
Modernizr.load({
test: Modernizr.flexbox,
nope : 'frameworks/ink-3.0.5/css/ink-legacy.min.css'
});
</script>
</head>
<body>
<!--[if lte IE 9 ]>
<div class="ink-grid">
<div class="ink-alert basic">
<button class="ink-dismiss">×</button>
<p>
<strong>You are using an outdated Internet Explorer version.</strong>
Please <a href="http://browsehappy.com/">upgrade to a modern browser</a> to improve your web experience.
</p>
</div>
</div>
<![endif]-->
<div id="top-menu">
<nav class="ink-navigation ink-grid">
<ul id="menu-list" class="menu horizontal black">
<li id="home-link" name="home-link" class="active"><a href="#">🏠</a></li>
<li id="about-me-link" name="aboutme-link"><a href="#">about me</a></li>
<li id="curriculum-link" name="curriculum-link"><a href="#">curriculum vitae</a></li>
<li id="contacts-link" name="contacts-link"><a href="#">contacts</a></li>
</ul>
</nav>
</div>
<div class="wrapper">
<div id="home" class="container">
<div class="ink-grid vertical-space title">
<div class="column-group">
<div class="all-100">
<div class="column">
<h1>hey you!</h1>
</div>
</div>
</div>
</div>
<div class="ink-grid content">
<div class="column-group horizontal-gutters">
<div class="all-50">
<div class="column">
<h3>Hello! My name is André and I'm a junior developer and software enginner eager to write awesome code fast and well!</h3>
<p>I'm currently finishing my Masters in Information Systems and Computer Engineering at Técnico Lisboa (Lisbon Tech),
with a major in Distributed Systems a minor in Software Engineering.</p>
<p>I'm finishing my MSc thesis entitled <i>Diverse and Redundant Vulnerability-Tolerant Communication Channels</i> which it's
focused on building a secure communication channel using diversity and redundancy of cryptographic mechanisms to aim increasing security.</p>
</div>
</div>
<div class="all-50">
<div class="column align-center push-middle">
<img src="images/me.jpg" alt="My name is André!" />
</div>
</div>
</div>
</div>
</div>
<!-- about me page -->
<div id="aboutme" class="container">
<div class="ink-grid vertical-space title">
<div class="column-group">
<div class="all-100">
<div class="column">
<h1>about me</h1>
</div>
</div>
</div>
</div>
<div class="ink-grid content">
<div class="column-group horizontal-gutters">
<div class="all-50">
<div class="column">
<h2>biography</h2>
<p>My full name is André de Matos Joaquim, and I'm 22-years-old. I'm from Lisbon, Portugal, and I'm currently living in Seixal, Setúbal.</p>
<p>I consider myself a responsible, enthuastic, hard-working, positive, and open-minded person. My main objective is to never stop learning new
things, such as programming languages or frameworks.</p>
<p>I'm really fond of working in a team with a good working environment where people help and
learn from each other. As for now, I have not any professional experience, but I'm dying to start!</p>
</div>
</div>
<div class="all-50">
<div class="column">
<h2>volunteer work</h2>
<p><b>TEDxIST</b> I was a team leader at TEDxIST 2015, where I led the marketing team. I was also responsible for the website creation
and maintenance, updating it with news and new speakers.</p>
<p><b>Grupo de Jovens da Arrentela</b> I am one of the coordinators of GJA - Grupo de Jovens de Arrentela. This is a group of young
volunteers that serves the local community and organizes and participates in several activities in our diocese.</p>
<h2>hobbies</h2>
<p>My main hobbie is playing the guitar and learning new songs. I am the rhythm guitarrist of the band formed by members of GJA.
I also practiced volleyball during seven years. Nowadays, I practice it less regularly, and just as a hobby.</p>
</div>
</div>
</div>
</div>
</div>
<!-- curriculum vitae -->
<div id="curriculum" class="container">
<div class="ink-grid vertical-space title">
<div class="column-group">
<div class="all-100">
<div class="column">
<h1>curriculum vitae</h1>
</div>
</div>
</div>
</div>
<div class="ink-grid content">
<div class="column-group horizontal-gutters">
<div class="all-50">
<div class="column">
<h2>education</h2>
<p>I am currently doing a <b>MSc in Information Systems and Computer Engineering</b> at Instituto Superior Técnico. My thesis' theme is <i>Diverse and Redundant Vulnerability-Tolerant Communication Channels</i>. My advisors are Professor Miguel Correia and Professor Miguel L. Pardal.</p>
<p>I finished my <b>BSc in Information Systems and Computer Engineering</b> last year at Instituto Superior Técnico.</p>
<p>I went to Escola Secundária Manuel Cargaleiro in Seixal from 2009 to 2011.</p>
</div>
</div>
<div class="all-50">
<div class="column">
<h2>skills</h2>
<p><b>knowledge</b> OOP, UI, Distributed Systems, Software Testing, Project Management, Mobile Computing, Secure communication channels, Agile Development (Scrum)</p>
<p><b>programming languages</b> Java, HTML+CSS, Javascript, C, C++</p>
<p><b>version control</b> git, CVS, SVN</p>
<a href="https://web.ist.utl.pt/andre.joaquim/CV_AndreJoaquim.pdf" target="_blank" class="ink-button blue">
Download my Curriculum Vitae!
</a>
</div>
</div>
</div>
</div>
</div>
<!-- contacts -->
<div id="contacts" class="container">
<div class="ink-grid vertical-space title">
<div class="column-group">
<div class="all-100">
<div class="column">
<h1>contacts</h1>
</div>
</div>
</div>
</div>
<div class="ink-grid content">
<div class="column-group horizontal-gutters">
<div class="all-50">
<div class="column">
<!-- <div class="flex-container"><img id="fb-icon" src="images/fb_normal.png"/><a href="https://www.facebook.com/andredematosjoaquim" target="_blank">facebook > andredematosjoaquim</a></div> -->
<div class="flex-container"><img id="gh-icon" src="images/gh_normal.png"/><a href="https://www.github.com/andrejoaquim" target="_blank">GitHub</a></div>
<div class="flex-container"><img id="li-icon" src="images/li_normal.png"/><a href="https://pt.linkedin.com/in/andredematosjoaquim" target="_blank">LinkedIn</a></div>
</div>
</div>
<div class="all-50">
<div class="column">
<h3>ask me anything</h3>
<p>personal email: <a href="mailto:[email protected]" target="_top">[email protected]</a></p>
<p>institutional email: <a href="mailto:[email protected]" target="_top">[email protected]</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--
<div class="push"></div>
<footer>
<div class="ink-grid">
<div class="column-group">
<div class="all-100">
<div class="column align-center">
<ul class="inline">
<li>2016 | André Joaquim</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
-->
<!-- Placed at the end of the document so the pages load faster -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="frameworks/ink-3.0.5/js/holder.js"></script>
<script type="text/javascript" src="frameworks/ink-3.0.5/js/ink-all.min.js"></script>
<script type="text/javascript" src="frameworks/ink-3.0.5/js/autoload.js"></script>
<!-- Le JS -->
<script type="text/javascript" src="js/lejavascript.js"></script>
</body>
</html>