Skip to content

Création du trombinoscope des promotion de Simplon Roanne

Notifications You must be signed in to change notification settings

Shivalita/trombinoscope

 
 

Repository files navigation

<<<<<<< HEAD

Trombinoscope

Mission

Ajoutez votre tête au trombinoscope de la promotion sur la page d'accueil existante :

  • Prenez vous en selfie ! (avec votre téléphone ou votre webcam)
  • Redimensionnez la photo en 300px par 300px
  • Modifiez la structure HTML existante dans la page index.html pour y afficher votre photo
  • la balise html englobante de votre élément avatar devra avoir un id comportant votre nom
  • Ouvrez le fichier trombi.scss et éditez le. Attention les fichiers CSS sont les fichiers générés par le compileur SASS (il ne faut pas les éditer) !
  • Ajouter la ligne d'appel du fichier trombi.css dans le fichier index.html
  • Appliquez seulement un filtre CSS3 de votre choix, choisissez le bien
  • Créez un effet de transition sur ce filtre au survol de la souris sur votre avatar
  • Modifiez vos informations personelles (votre nom et votre statut)
  • Supprimer le reste des avatars inutiles, ils sont là pour vous donner un exemple de la grid
  • Pull request !!

Extra

  • Appliquez une transformation 3D sur votre avatar, visible seulement au :hover avec une transition non linéaire

Recherches associées

  • débuter avec Sass Scss
  • How to apply Css3 filters

Mission 2

  • Créer une page personnelle avec le contenu de votre choix ( un CV ? ) accessible par un lien sur l'avatar
  • Vous pourrez vous servir du fichier styleguide.html qui recense tous les élements d'UI disponibles pour ce thème. Attention, il ne doit pas être édité !

Extra

  • Appliquez les normes responsives à votre page personnelle en utilisant les class de la grid existante
  • Votre page personnelle devrait contenir une photo et des liens vers github+linkedin

Recherches associées

  • getting started with Bootstrap 4
  • Css grid system
  • How to Use Sass Variables/Extends/Mixins/Functions

Résultat attendu

  • Votre avatar et vos informations s'affichent bien sur la page d'accueil
  • Votre code est mergé avec succès dans le projet =======

Trombinoscope

Mission

Ajoutez votre tête au trombinoscope de la promotion sur la page d'accueil existante :

  • Prenez vous en selfie ! (avec votre téléphone ou votre webcam)
  • Redimensionnez la photo en 300px par 300px
  • Modifiez la structure HTML existante dans la page index.html pour y afficher votre photo
  • la balise html englobante de votre élément avatar devra avoir un id comportant votre nom
  • Ouvrez le fichier trombi.scss et éditez le. Attention les fichiers CSS sont les fichiers générés par le compileur SASS (il ne faut pas les éditer) !
  • Ajouter la ligne d'appel du fichier trombi.css dans le fichier index.html
  • Appliquez seulement un filtre CSS3 de votre choix, choisissez le bien
  • Créez un effet de transition sur ce filtre au survol de la souris sur votre avatar
  • Modifiez vos informations personelles (votre nom et votre statut)
  • Supprimer le reste des avatars inutiles, ils sont là pour vous donner un exemple de la grid
  • Pull request !!

Extra

  • Appliquez une transformation 3D sur votre avatar, visible seulement au :hover avec une transition non linéaire

Recherches associées

  • débuter avec Sass Scss
  • How to apply Css3 filters

Mission 2

  • Créer une page personnelle avec le contenu de votre choix ( un CV ? ) accessible par un lien sur l'avatar
  • Vous pourrez vous servir du fichier styleguide.html qui recense tous les élements d'UI disponibles pour ce thème. Attention, il ne doit pas être édité !

Extra

  • Appliquez les normes responsives à votre page personnelle en utilisant les class de la grid existante
  • Votre page personnelle devrait contenir une photo et des liens vers github+linkedin

Recherches associées

  • getting started with Bootstrap 4
  • Css grid system
  • How to Use Sass Variables/Extends/Mixins/Functions

Résultat attendu

  • Votre avatar et vos informations s'affichent bien sur la page d'accueil
  • Votre code est mergé avec succès dans le projet

9db0347... initial

  • Vous avez créé une page personnelle mergée dans le projet

About

Création du trombinoscope des promotion de Simplon Roanne

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 41.9%
  • HTML 37.2%
  • PHP 19.6%
  • Other 1.3%