-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
146 lines (145 loc) · 7.26 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 class=" js csstransitions">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Facundo Farias</title>
<link rel="stylesheet" href="./css/style.css">
<link href="./css/style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="http://www.favigen.com/favicon.png">
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<style type="text/css"></style>
<script src="./js/script.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56547647-1', 'auto');
ga('send', 'pageview');
</script>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="google-site-verification" content="4TSTl85EDxI1jgbkDnvTj3Xcnp1NIp31y3DECdMrtJI" />
</head>
<body>
<div class="container">
<header class="twelve columns">
<h1>Facundo Farias <span>Software Engineer</span>
</h1>
</header>
<section id="personaldata">
<ul>
<li class="four columns date"><span class="info">Born<span>February 11th 1985</span></span></li>
<li class="four columns location"><span class="info">Location<span>Barcelona, Spain</span></span></li>
<li class="four columns phone"><span class="info">Phone nr.<span>+34 611 339 500</span></span></li>
</ul>
</section>
<section id="about" class="six columns">
<article class="left">
<header>
<h2>About me</h2>
</header>
<p class="info">I am a software developer mostly interested on mobile and web development. I first started on a local company, <a target="_blank" href="http://www.aguascordobesas.com.ar/">Aguas Cordobesas</a> as a Programmer Analyst and then I moved to <a target="_blank" href="http://www.intel.com/">Intel Corp</a> as a Software Engineer . Now, I am on a Barcelona based startup, called <a target="_blank" href="http://www.caravelo.com/">Caravelo</a>.</p>
<p class="info">About me, I can say that I am a passionate developer, who enjoys agile practices and who is always willing to learn new technologies. Additionally, I spend my time acquiring more knowledge within the scope of web development.</p>
</article>
<article class="left">
<header>
<h2>About this page</h2>
</header>
<p class="info">A few months ago I realized that <a target="_blank" href="http://www.github.com/">GitHub</a> had a new feature and that was the possibility to create personal profiles, so I though 'It's the perfect opportunity to create my HTML5 CV'. So, here it is:</p>
<ul>
<li class="info">It's open source available on <a target="_blank" href="http://github.com/facundofarias/facundofarias.github.io">GitHub</a>.</li>
<li class="info">The page was written purely on HTML5 code.</li>
<li class="info">JavaScript, jQuery and Modernizr are used.</li>
<li class="info">It has a responsive design that works for PC but also mobile.</li>
</ul>
</article>
</section>
<section id="programming" class="six columns float-right">
<article class="right">
<header>
<h2>Programming knowledge</h2>
</header>
<p class="info">Below is a list of programming languages, trends and frameworks that I know and have used the most - in regards to web development.</p>
<ul>
<li data-score="70" style="background-color: rgb(10, 87, 125);"><span>.NET</span></li>
<li data-score="80" style="background-color: rgb(20, 97, 115);"><span>Java</span></li>
<li data-score="80" style="background-color: rgb(40, 117, 95);"><span>Groovy</span></li>
<li data-score="60" style="background-color: rgb(40, 117, 95);"><span>Ruby</span></li>
<li data-score="60" style="background-color: rgb(30, 107, 105);"><span>JavaScript</span></li>
<li data-score="60" style="background-color: rgb(50, 127, 85);"><span>Python</span></li>
<li data-score="70" style="background-color: rgb(40, 117, 95);"><span>PHP</span></li>
<li data-score="75" style="background-color: rgb(30, 107, 105);"><span>SQL</span></li>
<li data-score="80" style="background-color: rgb(50, 127, 85);"><span>NoSQL</span></li>
</ul>
</article>
</section>
<div id="history" class="clearfix">
<section class="six columns">
<article class="left">
<header>
<h2>Work experience</h2>
</header>
<ul>
<li><span class="year">04.14</span><span>Hired as Senior Software Engineer at <a target="_blank" href="http://www.caravelo.com/" title="Caravelo">Caravelo</a></span></li>
<li><span class="year">01.11</span><span>Hired as Software Engineer at <a target="_blank" href="http://www.intel.com/" title="Intel Corporation">Intel Corporation</a></span></li>
<li><span class="year">02.08</span><span>Started working as a Programmer Analyst on <a target="_blank" href="http://www.aguascordobesas.com.ar/">Aguas Cordobesas</a>.</span></li>
</ul>
</article>
</section>
<section class="six columns">
<article class="right">
<header>
<h2>Education</h2>
</header>
<ul>
<li><span class="year">2010<span>- 2012</span></span><span>Advanced English Course. UNC, Cordoba, AR.</span></li>
<li><span class="year">2003 <span>- 2010</span></span><span>Bachelor's Degree - Systems Engineer. UTN FRC, Cordoba, AR</span></li>
</ul>
</article>
</section>
</div>
<section id="languages" class="six columns">
<article class="left">
<header>
<h2>Languages</h2>
</header>
<p class="info">I speak two languages fluently and can make myself understood in three, as you can see below: </p>
<ul>
<li data-score="100">
<div style="background-color: rgb(50, 127, 85); height: 100%;"></div>
<span>Spanish</span>
</li>
<li data-score="85">
<div style="background-color: rgb(75, 152, 60); height: 85%;"></div>
<span>English</span>
</li>
<li data-score="60">
<div style="background-color: rgb(100, 177, 35); height: 60%;"></div>
<span>Portuguese</span>
</li>
</ul>
</article>
</section>
<section id="contact" class="six columns">
<article class="right">
<header>
<h2>Contact</h2>
</header>
<p class="info">If you would like to contact me, these are the options that you have:</p>
<ul>
<li class="twitter"><a href="https://twitter.com/facundofarias" target="_blank">Twitter<span>@facundofarias</span></a></li>
<li class="mail"><a href="mailto:[email protected]" target="_blank">Email<span>[email protected]</span></a></li>
<li class="linkedin"><a href="http://www.linkedin.com/pub/facundo-farias/19/a13/a99/en" target="_blank">LinkedIn<span>Facundo Farias</span></a></li>
<li class="skype"><a href="https://www.skype.com" target="_blank">Skype<span>facundo.farias</span></a></li>
<li class="cv"><a href="./downloads/FF_CV_2017.pdf" target="_blank">Resume<span>Download</span></a></li>
</ul>
</article>
</section>
</div>
</body>
</html>