HTML5 & CSS3 Curriculum Vitae (Résumé) Template
May 09, 2012
I was tired of my old CV and lately I was using the LinkedIn auto generated PDF CV, which is quite nice and handy but it lacks personality. The solution was to create on purely on html5 (css3 for presentational styles), easier on the eye, clean and more accessible then a PDF file (or a Doc file) and viewable on all (or most?) devices, screens and browsers.
The markup follows the latest web standards (for HTML5), tried to make it as semantic as possible although I found out that being semantic in this context is heavily based on interpretation. Take the Skills section for example: it could be an ordered (even unordered) list but I decided to make it a definition list
dl. My idea is that I am defining what Design (as for Front-end, Back-end and Other) means using me as the context.
It’s basically a liquid layout, although I set a
max-width of 978px for readability. With the help of
media queries, managed to fix some layout flaws when viewing in smaller screens.
Styling and Extras
I made the files available on GitHub, so please be welcome to fork it and make your updates on it. You can easily update the code to fit your details and with some minor tweaking on the css you can make it shine in no time.
Any feedback on this is always welcome.
I’m a Brazilian front-end developer living in London. This website features some of my latest projects and my thoughts on anything web related.
You can find me on Twitter, Instagram, and LinkedIn