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.
334 lines
11 KiB
334 lines
11 KiB
10 years ago
|
<!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>
|