Projet de cours 01 – Tags de div

Projet de cours 02 – Pied de page

Faites correspondre le pied de page HTML à la maquette de vos dossiers d'exercices :
1. Files d'exercices > Projet 1 > Exemple de maquette - Projet 1.jpg
Il n'est pas nécessaire qu'il soit pixel parfait. Devinez simplement les tailles et l'espacement.
Exigences
1. Ignorer la carte au milieu (nous le ferons plus tard ensemble).
2. Respectez un espacement au-dessus et au-dessous du pied de page.
3. Le texte du pied de page est : Main St, Blackabbey, Adare, Co. Limerick - Copyright 2017©
4. Placez le texte dans une balise
  et stylisez le texte pour qu'il corresponde à la maquette.
5. La couleur d'arrière-plan est le noir, ce qui est transparent.
Prenez une capture d'écran de vos deux pages complétées dans Chrome et partagez-la pour montrer que vous l'avez fait dans l'une ou l'autre des situations suivantes :
1. Section Assignments de ce site web
2. Ajouter aux commentaires sur la page.
3. Médias sociaux et tag Dan
  1. Instagram : @bringyourownlaptop #byolweb
  2. Twitter : @danlovesadobe #byolweb
  3. Groupe Facebook ici. #byolweb

Projet de cours 03 – En-tête Flexbox

Ajoutez le logo et le nav à l'en-tête de notre site Web en utilisant vos nouvelles compétences en flexbox.
Votre page ressemblera à ceci lorsque vous aurez terminé :

Dossiers d'exercices > Projet 2 > Projet de cours 3.png
Conditions requises :
1. Ajouter une couleur d'arrière-plan à l'ensemble du site : #FC5E55
2. Créer un logo et une boîte de navigation dans la balise d'en-tête.
3. Ajoutez le logo à la boîte de logo.
  1. L'image est dans : Dossiers d'exercices > Projet 2 > logo-roar-bikes.png
4. Ajoutez du texte à la zone
  , mais ne les faites pas encore de liens ou de boutons.
  1. Réserver en ligne À propos de
5. Aligner le navigateur à droite.
6. Supprimez la couleur d'arrière-plan et la hauteur de l'en-tête.
7. Ajoutez un rembourrage en haut et en bas de l'en-tête.
8. Assurez-vous que le logo et le nav sont centrés verticalement.
Prenez une capture d'écran de vos deux pages complétées dans Chrome et partagez-la pour montrer que vous l'avez fait dans l'une ou l'autre des situations suivantes :
1. Section Assignments de ce site web
2. Ajouter aux commentaires sur la page.
3. Médias sociaux et tag Dan
  1. Instagram : @bringyourownlaptop #byolweb
  2. Twitter : @danlovesadobe #byolweb
  3. Groupe Facebook ici. #byolweb

Projet de cours 04 – Nav Button

Objectif : créer votre propre cours de button qui ressemble à ceci :

bafd7de7

Vous laisserez « mybutton » appliqué à la boîte de héros, mais vous créerez un nouveau style appelé « navbutton » et vous l'appliquerez à votre navigation.
Exigences
1. Ce sont toutes des balises .
2. Créez votre propre cours personnalisé appelé « navbutton ».
3. Bordure blanche autour du bouton.
4. Le texte est Playfair Display.
5. Le texte est blanc
6. Pas de soulign.
7. Aucune couleur d'arrière-plan.
Prenez une capture d'écran de vos deux pages complétées dans Chrome et partagez-la pour montrer que vous l'avez fait dans l'une ou l'autre des situations suivantes :
1. Section Assignments de ce site web
2. Ajouter aux commentaires de la page.
3. Médias sociaux et tag Dan
  1. Instagram : @bringyourownlaptop #byolweb
  2. Twitter : @danlovesadobe #byolweb
  3. Groupe Facebook ici. #byolweb

Projet de cours 05 – Conception d'en-têtes

Objectif : recréer cet en-tête :

5b5a840f