You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
333 lines
11 KiB
333 lines
11 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>Júlio Biason</title> |
|
|
|
<meta charset="utf-8" /> |
|
|
|
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> |
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic' rel='stylesheet' type='text/css'> |
|
|
|
<style media="screen"> |
|
body { |
|
padding: 20px; |
|
font-family: 'Open Sans', sans-serif; |
|
font-weight: 300; |
|
} |
|
|
|
a { |
|
color: black; |
|
text-decoration: underline black; |
|
} |
|
|
|
#header { |
|
text-transform: uppercase; |
|
} |
|
|
|
#header .username { |
|
float: left; |
|
width: 75%; |
|
} |
|
|
|
|
|
#header .name { |
|
font-size: 60px; |
|
} |
|
|
|
#header .title { |
|
font-size: 30px; |
|
font-style: italic; |
|
} |
|
|
|
#header .contact { |
|
padding-top: 10px; |
|
/*float: right;*/ |
|
font-size: 13px; |
|
} |
|
|
|
#header .contact .entry { |
|
margin-bottom: 15px; |
|
} |
|
|
|
#header .contact .icon { |
|
float: left; |
|
font-size: 20px; |
|
margin-right: 10px; |
|
width: 26px; |
|
height: 26px; |
|
text-align: center; |
|
border: 1px solid black; |
|
padding: 4px; |
|
border-radius: 20px; |
|
} |
|
|
|
#header .contact .value { |
|
text-transform: none; |
|
} |
|
|
|
#bio { |
|
margin-top: 30px; |
|
margin-bottom: 30px; |
|
margin-right: 10%; |
|
margin-left: 10%; |
|
text-align: center; |
|
} |
|
|
|
#bio .title { |
|
font-weight: 600; |
|
font-size: 110%; |
|
} |
|
|
|
/*#bio .content { |
|
font-weight: 400; |
|
}*/ |
|
|
|
#info .title { |
|
text-transform: uppercase; |
|
} |
|
|
|
#info .pre-title { |
|
color: #19bafe; |
|
} |
|
|
|
/*#quantitative-info .power { |
|
border: 1px solid #19bafe; |
|
}*/ |
|
|
|
#quantitative-info table { |
|
font-size: 12px; |
|
} |
|
|
|
#quantitative-info td { |
|
width: 25%; |
|
} |
|
|
|
#quantitative-info .power { |
|
border-color: #19bafe; |
|
border-width: 1px; |
|
border-top-style: solid; |
|
border-bottom-style: solid; |
|
} |
|
|
|
#quantitative-info .power:first-of-type { |
|
border-left-style: solid; |
|
background-color: green; |
|
} |
|
|
|
#quantitative-info .power:last-of-type { |
|
border-right-style: solid; |
|
background-color: red; |
|
} |
|
|
|
.blue { |
|
color: #19bafe; |
|
} |
|
|
|
.clear { |
|
clear:both; |
|
} |
|
</style> |
|
</head> |
|
|
|
<body> |
|
<div id='header'> |
|
<div class="username"> |
|
<div class="name"> |
|
Júlio Biason |
|
</div> |
|
|
|
<div class="title blue"> |
|
Software Engineer |
|
</div> |
|
</div> |
|
|
|
<div class="contact"> |
|
<div class="entry"> |
|
<div class="icon"> |
|
<i class="fa fa-phone"></i> |
|
</div> |
|
|
|
<div class="type blue"> |
|
Phone |
|
</div> |
|
|
|
<div class="value"> |
|
+55 51 8222 0669 |
|
</div> |
|
</div> |
|
|
|
<div class="entry"> |
|
<div class="icon"> |
|
<i class="fa fa-envelope-o"></i> |
|
</div> |
|
|
|
<div class="type blue"> |
|
Email |
|
</div> |
|
|
|
<div class="value"> |
|
julio.biason@gmail.com |
|
</div> |
|
</div> |
|
|
|
<div class="entry"> |
|
<div class="icon"> |
|
<i class="fa fa-code-fork"></i> |
|
</div> |
|
|
|
<div class="type blue"> |
|
Repositories |
|
</div> |
|
|
|
<div class="value"> |
|
<a href="http://github.com/jbiason">Github</a>, |
|
<a href="https://bitbucket.org/juliobiason/">BitBucket</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="clear"></div> |
|
|
|
<div id='bio'> |
|
<div class="title">PROFILE</div> |
|
|
|
<div class="content"> |
|
<p> |
|
Working professionally since 1990 as a software developer, |
|
I’ve worked in various positions and with different team |
|
sizes; from a single developer and analyst to a member of a |
|
team of 15 people from 3 different companies working on the |
|
backend system of the largest Brazilian ISP. |
|
</p> |
|
|
|
<p> |
|
Self-taught in different languages — I learnt BASIC by |
|
reading my MSX manual and Pascal by reading Turbo Pascal |
|
help system — I'm always trying to learn new things, either |
|
by following examples or by reading books about different |
|
languages and other development subjects, like clean code |
|
and agile methods. |
|
</p> |
|
|
|
<p> |
|
Professionally, I’m always trying to expand my knowledge to |
|
different areas, systems and languages and the related |
|
processes. |
|
</p> |
|
</div> |
|
</div> |
|
|
|
<div id="info"> |
|
<div id="complex-info"> |
|
|
|
</div> |
|
|
|
<div id="quantitative-info"> |
|
<div id='programming-languages'> |
|
<div class='title'> |
|
<span class='pre-title'><i class='fa fa-chevron-right'></i></span> |
|
<span>Programming Languages</span> |
|
</div> |
|
|
|
<div class="content"> |
|
<table> |
|
<thead> |
|
<tr> |
|
<th class='name'> </th> |
|
<th>Average</th> |
|
<th>Good</th> |
|
<th>Great</th> |
|
</tr> |
|
</thead> |
|
|
|
<tbody> |
|
<tr> |
|
<td class='name'> </td> |
|
<td></td> |
|
<td></td> |
|
<td></td> |
|
</tr> |
|
|
|
<tr> |
|
<td class='name'>Python</td> |
|
<td class='power'></td> |
|
<td class='power'></td> |
|
<td class='power'></td> |
|
<!-- <td colspan='3' class='power'></td> --> |
|
</tr> |
|
|
|
<tr> |
|
<td>C</td> |
|
<td colspan='3' class='power'></td> |
|
</tr> |
|
|
|
<tr> |
|
<td>C++</td> |
|
<td colspan='2' class='power'></td> |
|
<td> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>Objective-C</td> |
|
<td colspan='3' class='power'> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>SQL</td> |
|
<td colspan='3' class='power'> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>Java</td> |
|
<td colspan='1' class='power'> </td> |
|
<td> </td> |
|
<td> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>JavaScript</td> |
|
<td colspan='2' class='power'> </td> |
|
<td> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>PHP</td> |
|
<td colspan='2' class='power'> </td> |
|
<td> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>Delphi</td> |
|
<td colspan='1' class='power'> </td> |
|
<td> </td> |
|
<td> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>Clipper</td> |
|
<td colspan='3' class='power'> </td> |
|
<td> </td> |
|
<td> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>ActionScript</td> |
|
<td colspan='1' class='power'> </td> |
|
<td> </td> |
|
<td> </td> |
|
</tr> |
|
|
|
<tr> |
|
<td>Lua</td> |
|
<td colspan='1' class='power'> </td> |
|
<td> </td> |
|
<td> </td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</body> |
|
</html>
|
|
|