-
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).
- 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/
- https://getbootstrap.com/examples/starter-template
- https://github.com/danvine/bootstrap-resume-template
Get inspired by these paid themes:
- WrapBootstrap: https://wrapbootstrap.com/themes/resumes-cv
- BootstrapBay: http://bootstrapbay.com/themes/resume-cv
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!