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