-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (116 loc) · 5.94 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100&family=Roboto:ital,wght@0,400;0,700;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">
<link rel="stylesheet" href="css/fontello.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<!-- Add the new slick-theme.css if you want the default styling -->
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<!--<link rel="stylesheet" type="text/css" href="http://kenwheeler.github.io/slick/slick/slick-theme.css"/> -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script src="js/index.js"></script>
<title>Caio Oliveira</title>
</head>
<body>
<div class="fixedDiv">
<header onclick="toClose()()">
<h1 id="pageHeader"> My Personal Data Sheet </h1>
</header>
<!--My Own Data Sheet -->
<nav class="topnav">
<a id="profile" href="#hello" title="About me" >
<i class="icon-programmerblack" aria-hidden="true" font-size="50px"></i>
</a>
<div class="dropdown">
<!-- <a href="img/Caio_Oliveira_Curriculum.pdf" target="_blank" title="My Curriculum" >
<i class="icon-curriculum-vitae" aria-hidden="true" font-size="50px"></i>
</a> -->
<a href="javascript:selectResume();" title="My Résumé" >
<i class="icon-curriculum-vitae" aria-hidden="true" font-size="50px"></i>
</a>
<div class="dropdown-content" id="currilucumLanguages">
<a href="img/Caio_Oliveira_Resume.pdf" target="_blank">Résumé in English</a>
<a href="img/Caio_Oliveira_Curriculo.pdf" target="_blank">Currículo em Português</a>
</div>
</div>
</nav>
</div>
<section id="hello" class="AboutMe" onclick="toClose()">
<div>
<!-- set up a empty div here-->
</div>
<div id="perfil">
<div id="perfilImage">
<img src="img/me.jpg" width="100%" height="100%" alt="A picture of myself">
</div>
<div id="contact">
<h2> Caio Oliveira </h2>
<h4> Computer Engineer </h4>
<h5> São Carlos - SP </h5>
<h5> Brazil </h5>
<h5> <i class="fa fa-phone" aria-hidden="true"></i> +55 16 98245-1388 </h5>
<a href="https://www.linkedin.com/in/caiossoliveira" target="_blank">
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true" title="Linkedin"></i>
<!-- <i class="fa fa-linkedin" aria-hidden="true"></i> -->
</a>
<a href="https://github.com/caiossoliveira" target="_blank">
<i class="fa fa-github-square ai-lg" aria-hidden="true" title="GitHub"></i>
<!-- <i class="ai ai-lattes-square ai-2x"></i> -->
</a>
<a href="http://lattes.cnpq.br/2357170475979985" target="_blank" title="Lattes Résumé">
<i class="ai ai-lattes-square ai-lg"></i>
<!-- <i class="ai ai-lattes-square ai-2x"></i> -->
</a>
</div>
</div>
<article>
<h1> Hello! </h1>
<p> I am a computer engineer and a master's student in Sciences (Computer Science and Computational Mathematics). </p>
<p> I really enjoy how computers can be found, at the same time, in space, inside of human beings, in cars, airplanes and subways, inside of our pockets and on our tables. Performing amazing tasks such as sequencing genes, democratizing access to information, literally making human hearts beat, discovering Mars and the Solar System, and sometimes also rendering this web page. </p>
<p> During my graduation, I worked mainly on embedded systems, automation, software development, and hardware-software integration. Currently, while my master's degree, I am working with software development in C language, FPGA based hardware development, and high-level synthesis for financial market applications. </p>
<p> I am interested in cyber-physical systems, embedded systems, software development, hardware development, and software-hardware integration. I also enjoy maker culture and open source community. </p>
</article>
</section>
<div class="portfolio">
<h2>Some of my projects<h2>
<div class="carousel">
<div class="projects">
<a class="projects" href="projects/fastEngine/FASTEngine.html" target="_blank">
<img src="projects/fastEngine/img/fastEngine.png"> <!-- http://lorempixel.com/200/200/nature/ -->
<h5> FAST Engine for Market Data </h5>
</a>
</div>
<div class="projects">
<a class="projects" href="projects/cameron/cameron.html" target="_blank">
<img id="cameron" src="projects/cameron/img/cameron.png"> <!-- http://lorempixel.com/200/200/nature/ -->
<h5> Cameron - a development platform </h5>
</a>
</div>
<div class="projects">
<a class="projects" href="projects/yep/yep.html" target="_blank">
<img id="cameron" src="projects/yep/img/yep.png"> <!-- http://lorempixel.com/200/200/nature/ -->
<h5> YEP - an educational platform </h5>
</a>
</div>
<div class="projects">
<a class="projects" href="projects/robx/robx.html" target="_blank">
<img id="cameron" src="projects/robx/img/robx.png"> <!-- http://lorempixel.com/200/200/nature/ -->
<h5> Robx - an educational industrial robot </h5>
</a>
</div>
</div>
</div>
<footer>
<p id="myName"> Caio Oliveira 2020 </p>
<h6 id="iconReference">
Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon"> flaticon</a>
</h6>
</footer>
</body>
</html>