pixel facebook
 

Html-Css | Flexbox Landing-Page

Ce que vous allez Apprendre

Deuxième partie de la formation sur les FlexBox, avec une mise en pratique des connaissances CSS, lors de la réalisation d'une Landing Page.

 

Littéralement "Page d'Atterrissage" ce format de mise en page a pour but d'appeler à l'action le visiteur de notre site internet, pour accéder à un complément d'information.

 

L'occasion pour nous de voir ou revoir comment mettre un fond un plein écran (background-image) et de centrer verticalement un objet en CSS, tout en restant Responsive. De voir les différentes propriétés qui permettent de gérer les couleurs (rgba), les polices (font-family), les ombres (box-shadow) ...

 

On créer le bouton d'action grâce à un lien qui va entourer le panneau et on le paramètre en target _blank afin d'ouvrir la cible dans un nouvel onglet.

Pour Aller Plus Loin
Je suis intéressé(e)
par ce chapitre

Télécharger le pack "Sources et Exercices"

Vous y trouverez :

  • Les fichiers images utilisés dans la vidéo
  • Le fichiers finaux de notre Landing Page

Prix = 2 €
Hors Taxes


Commentaires 0


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés