jbiason
/
CV
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

The first 2 parts look fine, still need to work on everything else.

master
Julio Biason 10 years ago
commit
6899ae5de3
1 changed files with 333 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 333
      cv.html

333
cv.html
Unescape View File

@ -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 &mdash; I learnt BASIC by
reading my MSX manual and Pascal by reading Turbo Pascal
help system &mdash; 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'>&nbsp;</th>
<th>Average</th>
<th>Good</th>
<th>Great</th>
</tr>
</thead>
<tbody>
<tr>
<td class='name'>&nbsp;</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>&nbsp;</td>
</tr>
<tr>
<td>Objective-C</td>
<td colspan='3' class='power'>&nbsp;</td>
</tr>
<tr>
<td>SQL</td>
<td colspan='3' class='power'>&nbsp;</td>
</tr>
<tr>
<td>Java</td>
<td colspan='1' class='power'>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>JavaScript</td>
<td colspan='2' class='power'>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>PHP</td>
<td colspan='2' class='power'>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Delphi</td>
<td colspan='1' class='power'>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Clipper</td>
<td colspan='3' class='power'>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>ActionScript</td>
<td colspan='1' class='power'>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Lua</td>
<td colspan='1' class='power'>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save