Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Devoir 2 11 Créez un dossier sous votre nom et prénom qui servira de dossier conteneur pour votre solution à cette a ?ectation Créez un ?chier index html dans le dossier du conteneur de solution par exemple nom prénom index html La mise en ?uvre de la pag

Créez un dossier sous votre nom et prénom qui servira de dossier conteneur pour votre solution à cette a ?ectation Créez un ?chier index html dans le dossier du conteneur de solution par exemple nom prénom index html La mise en ?uvre de la page que vous allez créer doit suivre les illustrations de maquette ci-dessous Vous disposez de maquettes ordinateur de bureau et tablette identiques mobile et avec le menu déroulant Votre implémentation doit être JUSTE page En d'autres termes vous allez créer une seule page réactive Votre page doit inclure un ?chier CSS Aucun style en ligne autorisé Votre ?chier CSS doit être placé dans un dossier css sous le dossier du conteneur de solution par exemple nom prenom css Pour cette mission vous devez utiliser le plus possible le framework CSS Twitter Bootstrap Puisque nous utilisons Bootstrap pour cette a ?ectation au lieu de spéci ?er des plages de pixels je dé ?nirai notre bureau tablette et des vues mobiles en termes de pré ?xes de classe Bootstrap CSS à savoir md sm et xs L'illustration de la maquette de bureau doit correspondre aux classes md basées sur Bootstrap L'illustration de la maquette de la tablette doit correspondre aux classes sm basées sur Bootstrap L'illustration de la maquette mobile doit correspondre aux classes xs basées sur Bootstrap Barre de navigation créez une barre de navigation qui dé ?le avec la page la barre de navigation doit devenir invisible et n'est pas ?xée en haut lorsque vous faites dé ?ler la page vers le bas La barre de navigation doit avoir un nom de société c'est-à-dire une classe navbar- brand appelé Food LLC ? aligné sur le côté gauche de la barre de navigation Pour l'a ?chage sur ordinateur et tablette la barre de navigation ne doit contenir rien d'autre Aucun autre bouton ne doit être visible Astuce utilisez la classe 'visible-xs' Navbar - Mobile View Créez un bouton de menu simple barres horizontales Lorsque l'utilisateur clique sur ce bouton un menu déroulant doit appara? tre comme illustré dans l'illustration du menu Ouvrir mobile cidessous Le menu déroulant doit contenir éléments poulet b ?uf et sushi Le menu déroulant doit occuper toute la largeur de la fenêtre du navigateur Assurez-vous que le menu déroulant a un jeu de couleurs d'arrière-plan qui le distingue du reste du contenu C En-tête de page L'en-tête de page qui indique que notre menu doit être centré dans la fenêtre du navigateur Vous devez utiliser une classe Bootstrap pour ce faire Créez une seule section très haute qui utilisera la grille Bootstrap et occupera toute la largeur de la fenêtre du navigateur moins quelques marges bien sûr pour toutes les vues bureau tablette et mobile Pour rendre la section vraiment haute vous pouvez soit la remplir avec BEAUCOUP de texte ou simplement dé ?nir sa hauteur à quelque chose comme px Il doit être su ?samment haut pour que le dé ?lement vers le bas soit nécessaire pour a ?cher le bas de