Create a CV with Bootstrap to conquer the World!

Tutorial step by step:

• Create a web page consisit of raw contents of your resume.

• Use the <h1> .. <h6>, <p> and <div> tag to organize your content and then <em>, <strong>; also maybe look at the <section> and <article> HTML5 tags!

• Import bootstrap in the <meta> tag of your website (http://getbootstrap.com).

• Add a personal photo (<img /> tag) and icons by category (you can use http://getbootstrap.com/components/#glyphicons or https://icomoon.io).

• Use multiple columns system to organize your content.

• Have a tea or coffee as your preference, if you want cookies, steal those of Perrine.

• Check if your site displays perfectly on mobile and tablet, if not then optimize it!

• Create a navbar consist of different page's sections , use anchors links <a href="#..." to redirect to different categories.

• Add links to your email address (<a href="mailto:...") and Twitter / Linkedin profile (if you have one); then add a Facebook / Google+ like button!

• Use the bootstrap carousel module; find examples of paralax effects.

• Decorate with amazing CSS3 animations and integrate videos or musics!

• Complete your beautiful portfolio, you should finally get this result: http://cihadturhan.com or http://www.rleonardi.com/interactive-resume (at least).

Other online guides to create a web CV / Portfolio:

• EN: https://www.smashingmagazine.com/2009/04/10-handy-tips-for-web-design-cvs-and-resumes
• FR: http://guikprod.developpez.com/tutoriels/html5/bootstrap/creer-site-portfolio/partie-1
• FR: http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/

A sample starter template:

• https://getbootstrap.com/examples/starter-template
• https://github.com/danvine/bootstrap-resume-template

Inspirations of layout design:

Get inspired by these paid themes:

• WrapBootstrap: https://wrapbootstrap.com/themes/resumes-cv
• BootstrapBay: http://bootstrapbay.com/themes/resume-cv

Technical resources:

Memento of HTML tags and CSS properties:

• https://developer.mozilla.org/fr/docs/Web/HTML/Element
• https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/memento-des-proprietes-css

Bootstrap cheatsheet:

• http://simplonline.co/dashboard/consignes/75-consignes-promo-4/357-s01e02-0-bootstrap
• https://openclassrooms.com/courses/prenez-en-main-bootstrap/mise-en-route-8
• http://creativealive.com/wp-content/uploads/2014/01/bootstrap3-cheatsheet.pdf

Have fun!