Ajout d'une Section Carrières avec Citation et Image
Objectifs
Les objectifs de cette vidéo incluent :
- Savoir copier et modifier des sections dans Webflow.
- Comprendre l'utilisation des classes utilitaires pour ajuster les marges et paddings.
- Apprendre à insérer et styliser des citations et des images.
Résumé
Découvrez comment copier et modifier des sections dans Webflow pour créer une section de recrutement avec citation et image.
Description
Dans cette leçon, nous allons créer une nouvelle section dans Webflow en utilisant la méthode Client First. Nous allons copier une section existante de type "Safety" et l'adapter pour une section "Carrières". Nous ajouterons une citation accompagnée d'une image, en prenant soin de configurer l'affichage en utilisant des propriétés CSS telles que Flex et Grid.
Nous commencerons par copier la section "Safety" pour gagner du temps et ajusterons les marges avec des classes utilitaires comme Margin Top et Margin Huge. Ensuite, nous remplacerons le contenu textuel et les images pour correspondre à notre nouvelle section.
La citation sera stylisée avec des éléments typographiques de Webflow comme le Block Quotes. Nous ajusterons le design en jouant avec les propriétés CSS, notamment les paddings et les marges pour obtenir l'espacement désiré. Enfin, les images seront configurées pour s'ajuster correctement, en utilisant le mode cover pour garantir une bonne mise en page quel que soit le format d'image.