exam-HAJI

Objectifs :

Utiliser le framework CSS bootstrap 4 pour créer une landing page

La page doit s'adapter aux différents dispositifs d'affichage (Desktop, tablette et mobile)

Le contenu de la page doit présenter votre CV réalisé en vu de postuler à un emploi.

Le contenu doit être réaliste et refléter votre profile en tant que demandeur d'emploi.

Image create La page doit contenir : Une barre de menu permettant de naviguer dans les sections de la page Un slideshow (carousel) qui présente des images sur toute la largeur de l'écran. Ceci quelque soit le dispositif d'affichage utilisé (Desktop, tablette ou mobile) Une section contenant votre photo et vos informations personnelles (Nom, prénom, etc.) Une section comportant trois blocs affichant vos compétences les plus importantes. Une section affichant deux des vidéos Youtube qui décrivent le mieux vos loisirs préférés. Une section comportant votre localisation en intégrant une carte Google Maps. Une section de liens et un formulaire de contact.

Travail à faire

. Créez un dossier et nommez-le exam- (ex. exam-daaif) Ouvrez ce dossier avec Visual Studio Code Utilisez le terminal intégré à VS-Code et initialisez un dépôt Git : git init (les commandes sont données à titre indicatif, il faut vous assurer que ça marche) Créez un fichier nommé index.html et un dossier images (Si vous avez besoin d'images gratuites, utilisez le site https://pexels.com) Ajoutez-y le squelette d'un document HTML valide Attachez les librairies bootstrap et jquery Créez un dépôt publique sur Github, Bitbucket ou Gitlab et donnez-lui le même nom que le dossier créé précédemment. Allez au formulaire en bas de cette page et ajouter le lien à votre dépôt Github. Puis appuyez sur le bouton Enregistrer un brouillon. Faites un git add . puis git commit -m "first commit" Faites un git push pour synchroniser le dépôt distant et votre projet local Ajouter dans la page index.html le menu et le carousel Faites un git add . puis git commit -m "first step" Ajoutez dans la page index.html les autres sections Faites un git add . puis git commit -m "second step" Quand vous aurez fini l'implémentation, les ajustements et les tests, Faites un git add . puis git commit -m "last step"