forked from jpedroribeiro/html5-curriculum-vitae-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
157 lines (132 loc) · 8.14 KB
/
index.htm
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>J. Pedro Ribeiro - Curriculum Vitae - Résumé</title>
<meta name="description" content="Semantic, Responsive, HTML and CSS Curriculum Vitae / Résumé of Front-end Developer and Web Designer J. Pedro Ribeiro">
<meta name="author" content="J. Pedro Ribeiro - jpedroribeiro.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" media="screen" href="styles.css">
<!-- Modernizr on top to enable old browsers to render HTML5 markup -->
<script src="modernizr.custom.15550.js"></script>
</head>
<body>
<header class="vcard">
<h1 class="fn">J. Pedro Ribeiro</h1>
<h2 class="role">Front-End Developer & Web Designer</h2>
<ul class="contact">
<li class="email">[email protected]</li>
<li class="tel">+55(54)9932-3816</li>
<li class="url"><a href="http://www.jpedroribeiro.com" title="J. Pedro Ribeiro Website">http://www.jpedroribeiro.com</a></li>
<li class="adr"><span class="locality">Porto Alegre</span>, <span class="country-name">Brazil</span></li>
<li class="url twitter">@jpedroribeiro</li>
</ul>
</header>
<section id="summary">
<h1>Summary</h1>
<p>Web Designer and Front-end Developer since 2003. Worked for agencies and as a freelancer for companies in Brazil, Europe and
Asia.</p>
<p>Focus on designing user interfaces for websites and developing semantic, responsive and reusable code aiming for
best performance on browsers and devices.</p>
<p>A programmer by education (graduated in Computer Science) and (interface) designer by heart.
Also a blogger at jpedroribeiro.com, where several web related topics are written, from book reviews to how-to
guides on development and design.</p>
</section>
<section id="skills">
<h1>Skills</h1>
<dl>
<dt>Design</dt>
<dd title="Design of websites on screen, tablets and mobiles">Web Design</dd>
<dd title="Design of interfaces for apps and web based systems">User Interface Design</dd>
<dd title="Sketching and wireframing using Balsamiq Mockup">Wireframing / Mockups</dd>
<dd title="Turning mockups into comps">Photoshop</dd>
<dt>Front-End Development</dt>
<dd title="Hyper Text Markup Language">HTML5</dd>
<dd title="Cascading Style Sheets">CSS3</dd>
<dd title="Front-end programming language">JavaScript</dd>
<dd title="Javascript Library">jQuery</dd>
<dd title="Ensuring website/app has usable experience on all platforms">Cross-browser Compatibility</dd>
<dd title="Coding markup in an accessible, usable and semantic way, using best practices and avoiding proprietary rules.">Web Standards</dd>
<dt>Back-end / Integration</dt>
<dd title="PHP: Hypertext Preprocessor">PHP</dd>
<dd title="PHP Based Blog Platform">Wordpress</dd>
<dd title="MS Web Framework">Asp.Net</dd>
<dd title="ASP.NET MVC 3 Engine">Razor</dd>
<dt>Others</dt>
<dd title="Visual Studio Source Control">TFS Version Control</dd>
<dd title="Search Engine Optimization">SEO</dd>
<dd title="Adobe's animation software">Flash (Timeline)</dd>
</dl>
</section>
<section id="experience">
<h1>Work Experience</h1>
<article>
<h1><a href="http://www.jpedroribeiro.com" title="J. Pedro Ribeiro">jpedroribeiro.com</a> <span>Freelancer/Worldwide</span></h1>
<h2>Front-End Developer, Web Designer</h2>
<time datetime="2011-07-01" class="start">July 2011</time>
<span class="end">Present</span>
<p>
Working for several companies across the globe on a variety of areas as real estate, education counseling and online ticket selling.<br>
Most projects started as wireframes done with Balsamiq Mockups which later became full Photoshop comps.<br>
Front-end development using latest HTML5 and CSS3 techniques, backed by jQuery script to enable optimum user experience throughout the site.<br>
Wordpress used as a blog and as a full CMS: hand crafted themes, custom fields and menus to enable maximum adaptation for the customer and yet keeping it easy to use.<br>
Razor (Asp.Net) integration on custom built CMS (4pm.ie).
</p>
</article>
<article>
<h1><a href="http://www.3yz.com.br" title="3YZ">3YZ</a> <span>Brazil</span></h1>
<h2>Web Designer</h2>
<time datetime="2010-07-01" class="start">July 2010</time>
<time datetime="2011-05-01" class="end">May 2011</time>
<p>
Responsible for designing and coding internal pages for retail shop portal.<br>
E-mail marketing design and coding.<br>
Flash animation of banners.
</p>
</article>
<article>
<h1><a href="http://www.4pm.ie" title="4PM">4PM</a> <span>Ireland</span></h1>
<h2>Web Designer</h2>
<time datetime="2008-05-01" class="start">May 2008</time>
<time datetime="2010-03-01" class="end">March 2010</time>
<p>
Spent 2 years living in Ireland as one of the main designers of the company, I was in charge of the design and front-end code of websites and web based systems.<br>
Attended meetings with clients and participated to initial project brainstorms.<br>
Also worked integrating designs into blog platforms (PHP), CMS and 4pm's in-house property interface (ASP.Net).<br>
After 2010, back in Brazil, continued working for them as a freelancer.
</p>
</article>
<article>
<h1><a href="http://www.copernicus.com.br" title="Copernicus Web Design">Copernicus Web Design</a> <span>Brazil</span></h1>
<h2>Cofounder / Web Designer</h2>
<time datetime="2003-03-01" class="start">March 2003</time>
<time datetime="2008-05-01" class="end">May 2008</time>
<p>
Copernicus started as an idea to bring the web environment to the town of Carlos Barbosa and its neighbour cities. Internet was new back then and our main role as a digital agency was to introduce this new concept to the companies around us.<br>
As any small startup, my role was divided into several fields, like management, development and design. Later on focusing on design.<br>
Even though I am not directly connected to the company, I still provide design services & consultancy when needed.
</p>
</article>
</section>
<section id="education">
<h1>Education</h1>
<h2>Universidade de Caxias do Sul</h2>
<p>BS, Computer Science, 2000 - 2007</p>
</section>
<section id="hobbies">
<h1>Hobbies & Interests</h1>
<ul>
<li>Playing Drums and Percussion (Cajón) with <a href="https://www.facebook.com/DiplomatasBrasil" rel="external" title="Diplomatas on Facebook">Diplomatas</a>, an acoustic trio;</li>
<li><a href="http://youtweetintome.jpedroribeiro.com/" rel="external" title="You Tweetin' to Me?">Tweeting moview reviews</a>;</li>
<li><a href="http://ribeirobrowbrewery.tumblr.com/" rel="external" title="Ribeiro Bros Brewery">Brewing beer</a> with my brother;</li>
<li><a href="http://www.flickr.com/photos/jpedroribeiro/4557978857/in/photostream/" rel="external" title="My Flickr Set">Photography</a>;</li>
<li>Travelling;</li>
<li>Gaming (from Atari to PS3).</li>
</ul>
</section>
<!-- Script for enabling media queries on IE5+ -->
<script src="css3-mediaqueries.js"></script>
</body>
</html>