Julio Biason
10 years ago
commit
6899ae5de3
1 changed files with 333 additions and 0 deletions
@ -0,0 +1,333 @@ |
|||||||
|
<!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> |
Loading…
Reference in new issue