CV based on webdesign of Kinepolis Belgium

This is a school project to @hepl-web. He consist as choice a popular website and transform him to CV.

The original website is here : https://kinepolis.be/fr/films/nerve

My work is here : http://hepl01.cblue.be/~user18/dw/cv/

Getting Started

• Go to the content folder here
• See the html of my CV : here
• All material (CSS, JS, pictures, ...) are in content/assets : here

TODO

• [x] Choice a site, I've chosen : https://kinepolis.be/fr/films/nerve
• [x] Recreate the HTML of the Kinepolis
• [x] Make the CSS in mobile first (consign of teacher is responsive) of website
• [x] Self appropriate HTML content
  • [x] Replace Twitter by LinkedIn
  • [x] Transform "Ticket purchase" to "Sélecteur de compétences"
  • [x] Transform footer link
  • [x] Change image of Kinepolis to JConcept.be
• [ ] Creatate the sliders in JS
  • [ ] A simple slider to the next/previous image
  • [ ] A advandced slider with an auto next slide
  • [ ] A expert slider with a player custom for read video files (as on the Kinepolis website)
• [ ] Styling the select with JS.
• [ ] Insert in slider bottom my projects.
• [ ] Correct the problem in hover on slider button.
• [ ] Use sprite CSS.

Release History

• 2016/12/XX : v2.0.0 applied the second teachers suggestions
• 2016/11/10 : v1.0.0 correction of some bugs and applied the teachers suggestions
• 2016/11/10 : first upload of project
• 2016/10/12 : starting project

Feedback (in french, sorry)

First return of my teachers

On 2016/10/26 : first feedback

• [x] rectifier le html pour se l'approprier
• [x] header du doccument mettre quelque chose comme CV de Lepot Jean-Christophe | Jconcept.be | kinepolis
• [X] laisser l'étoile du kinepolis et mettre jconcept.be à la place
• [x] le ticket purchase :
  • [x] mettre un padding bottom moins important
  • [x] transformer en sélecteur de job / compétences
• [x] alligner le dessus de l'image avec le dessus du texte
• [x] réaranger le tableau et respecter les règles de proximité
• [ ] pour le slider du dessous, y mettre par exemple des réalisations
• [x] FIXME : rélger le problème du pixel blanc au dessus du premier slider

Second return of my teachers

On 2016/11/23 : second feedback

• [x] optimiser les images et les utiliser dans leur bonne taille
• [x] régler le problème des 404 sur deux polices
• [ ] dimminuer le nombre de requêtes en utilisant un sprite
• [x] combiner les deux feuilles de styles en une seule
• [x] intégrer les images dans le thème du site (par exemple, la photo de moi la mettre en page comme une affiche de film)
• [ ] mettre en style les select avec JavaScript ?

Third return of my teachers

On 2016/11/29 : third feedback