Skip to content

Latest commit

 

History

History
33 lines (22 loc) · 1.23 KB

File metadata and controls

33 lines (22 loc) · 1.23 KB

PrintIt_p5_oc

Projet openclassroom, ce projet consiste à dynamiser le site PrintIt (site d'une petite imprimerie), ce site étant statique le directeur veux le dynamiser en y ajoutant un carrousel.

Pour débuter le projet nous avons le html et le css déjà présent.

Technologies utilisées :

  • html
  • css
  • Javascript -Git & Github

Structure du projet :

  • index.html : page principale du site
  • assets : images du projet
  • styles : fichiers css du projet
  • scripts : fichiers des scripts Javascript du projet

Fonctionnalités à ajouter

Un carrousel d'images dans la banière du site avec de nouvelles images et un texte pour chacunes d'elles, deux flèches pour naviguer dans le carrousel et des bullet points qui montre où on se trouve dans la navigation dans le carrousel. L'utilisateur doit pouvoir cliqué sur la flèche droite pour voir les images suivantes et sur la flèche gauche pour voir les images précédentes.

  • ajouter des eventlistener sur chacune des deux flèches
  • ajouter des bulets points
  • modifier le slide au clic sur le bouton
  • mettre un défilement infini sur le carrousel

Utilisation

Pour voir le site en local ouvrir le fichier index.html dans votre navigateur ou utiliser liverserver dan son IDE