-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (171 loc) · 7.36 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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Francisco Lira</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">Who am i</a></li>
<li><a href="#two">What i do</a></li>
<li><a href="#three">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Francisco Lira</h1>
<p>University of Minho, Braga</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Read more about me</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="https://avatars3.githubusercontent.com/u/8932463?s=460&v=4" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>About Me</h2>
<p>I study Computer Science, or something like that, because we call it, Informatics Engineer, so, I do not think it is exactly the same. But I really like what I do.</p>
<!--<ul class="actions">
<li><a href="#" class="button">Learn more</a></li>
</ul>-->
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>What I do</h2>
<p>I am a student, but from that you don't see anything diferent in me. So this is basically what i do more that most students.</p>
<div class="features">
<section>
<span class="icon major fa-code"></span>
<h3>CeSIUM</h3>
<p>I'm a CeSIUM member since my first year and this year I'm the DevTeams Director. I've participated in 3 small hackathons by CeSIUM, every time they organized those. But now times have changed, and CeSIUM is part of greater things. I've been part of the STAFF in the first edition of Hackathon HeartBits, and in the Return Hackathon. Both of them were organized by CeSIUM in cooperation with other teams of students.</p>
</section>
<section>
<span class="icon major fa-graduation-cap"></span>
<h3>DevTeams</h3>
<p>It is department of CeSIUM. Our goal is that other students learn more during their time in university. My job is to invite professionals to guide students, doing some cool projects and learn new things.</p>
</section>
<section>
<span class="icon major fa-users"></span>
<h3>CoderDojo</h3>
<p>I'm a mentor in this initiative since my 2nd year. What we try to do is teach kids from 7 to 17 something about programming and show them how programming can be a cool activity to do! </p>
</section>
<section>
<span class="icon major fa-usb"></span>
<h3>SEI</h3>
<p>Since I got here, I've been attendee at SEI one year, and in the two years after that I've been member of the STAFF. This year, I'm part of the organization of this amazing event.</p>
</section>
<section>
<span class="icon major fa-diamond"></span>
<h3>Talks</h3>
<p>Last year I've given one small talk focusing on productivity on text editors. This year, Ive given a few more talks and some demonstrations to schools about hardware (mainly arduino), and programming concepts in general.</p>
</section>
<section>
<span class="icon major fa-chain"></span>
<h3>Events</h3>
<p>I've participated in Pixel's Camp, a 48h Hackathon. I've gone to the first and second edition of it, but only in the second I've been part of a team that has ended a project on time. Also other conferences like ENEI.</p>
</section>
</div>
<!--<ul class="actions">
<li><a href="#" class="button">Learn more</a></li>
</ul>-->
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<section>
<!--<form method="post" action="#">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
<ul class="actions">
<li><a href="" class="button submit">Send Message</a></li>
</ul>
</form>-->
</section>
<section>
<ul class="contact">
<!--<li>
<h3>Address</h3>
<span>12345 Somewhere Road #654<br />
Nashville, TN 00000-0000<br />
USA</span>
</li>
<li>-->
<h3>Email</h3>
<a href="mailto:arjot12@gmail.com">arjot12@gmail.com</a>
</li>
<li><!--
<h3>Phone</h3>
<span>(000) 000-0000</span>
</li>-->
<li>
<h3>Social</h3>
<ul class="icons">
<!--<li><a href="#" class="fa-twitter"><span class="label">Twitter</span></a></li>-->
<li><a href="https://www.facebook.com/francisco.lira1000" class="fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/FranciscoLira" class="fa-github"><span class="label">GitHub</span></a></li>
<!--<li><a href="#" class="fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="fa-linkedin"><span class="label">LinkedIn</span></a></li>-->
</ul>
</li>
</ul>
</section>
</div>
</section>
</div>
<!-- Footer
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>-->
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>