Projet étudiante en html et css
Contraintes:
-
Une page web « accueil.html » correspondant à la page principale du site où un client peut trouver toutes les informations concernant vos produits et services;
-
Une page web « contact.html » correspondant à une page secondaire du site où un client peut trouver toutes les informations afin de communiquer avec vous par différents canaux;
-
Une page web « equipe.html » qui correspond aux membres de votre équipe ainsi que de vos réalisations.
-
Menu de navigation semblable sur chaque page : accueil -> Avec position sticky et décalage top de 10 pixels, contact -> Avec position absolue, équipe -> Avec position relative disposé à la suite de l’entête de votre page.
-
Arrière-plan: Gradient de couleurs, Image d’arrière-plan en haut à droite, Couleur avec opacité (alpha) pour créer un effet de transparence
-
Au moins une fois les boîtes flexibles (flexbox) et au moins une fois la grille de placement (grid) dans vos différentes pages, rendez-vos pages responsive.
-
Dans vos « media queries » vous pouvez modifier les positions absoute et relative du menu de navigation qui pourraient ne pas être parfaitement compatible avec le responsive (ne changez toutefois pas la position sticky).
-
Chacune de vos pages doivent être responsive sur les trois niveaux indiqués.