Ma page de contenu à moi

Comme cette page contient déjà un H1, je vais passer au H2 directement en insérant un bandeau image / texte. Ce paragraphe étant le premier, je le considère que c’est un texte d’introduction. Les textes d’introductions sont en général un peu plus gros, il faut donc que j’aille sélectionner dans la barre latérale droite, sous l’onglet Bloc, la taille L. Qui est la plus grosse taille de police de caractère avant les titres.

Ceci est un H2, il doit être l’enfant du H1

Et pour compléter ce test image / text, je vous explique qu’il est préférable pour avoir un meilleur affichage d’utiliser les colonnes quand on veut aligner des éléments. Comme ici l’image et le texte.

Vous avez quand même l’option image/text dans les petits modules offerts par Gutenberg.

Essayez et voyez ce que vous préférez.

Le titre H3 est aussi disponible, enfant du H2.

Quisque quam neque, condimentum et mi vel, iaculis rhoncus dolor. Curabitur vitae urna rhoncus, eleifend massa in, rutrum purus. Nullam eleifend sapien et tortor pretium fermentum. Ut quis ultrices nunc, nec feugiat urna. Cras nunc neque, efficitur sit amet fermentum a, hendrerit quis lacus. Aenean lacus neque, facilisis vel mauris non, rhoncus consequat eros. Maecenas nec elementum eros.

Le fameux bandeau fullwidth!

Le module « Bandeau des activités »

Les activités proposées

Voici un copier/coller d’un google sheet

Date	Nom de la tâche	Utilisateur	Temps passé	Commentaire
29/11/2021	NLapointe – Mise à jour du branding actuel	Charles Henri	00:45	Brief interne + notes dans la tâche.
30/11/2021	Nathalie Lapointe – Revision Branding	Charles Henri	00:20	Feedback avec Jipi + rétroaction Romain.
30/11/2021	NLapointe – Mise à jour du branding actuel	Romain Boudot	03:30
01/12/2021	NLapointe – Mise à jour du branding actuel	Jean-Philippe Rousseau	02:00	Brief et reherche d’inspiration
02/12/2021	NLapointe – Mise à jour du branding actuel	Jean-Philippe Rousseau	03:00
03/12/2021	NLapointe – Mise à jour du branding actuel	Jean-Philippe Rousseau	03:00
06/12/2021	NLapointe – Mise à jour du branding actuel	Jean-Philippe Rousseau	04:00
07/12/2021	NLapointe – Mise à jour du branding actuel	Charles Henri	00:25	Vérification des logos avec Jipi et Seb.
07/12/2021	Nathalie Lapointe – Revision Branding	Jean-Philippe Rousseau	01:00
07/12/2021	Nathalie Lapointe – Revision Branding	Hicham Kourahi	01:00	Présentation branding et planif taches à venir
08/12/2021	NLapointe – Gestion de projet	Hicham Kourahi	00:15	Mise a jour et suivi des taches, suivi client
09/12/2021	NLapointe – Gestion de projet	Hicham Kourahi	00:30	Suivi interne et suivi client, brief créa pour les livrables de décembre
13/12/2021	NLapointe – Gestion de projet	Hicham Kourahi	00:15	Suivi Médiacome

La galerie d’images

Donec a tempus maurice

Vivamus at ex dignissim diam luctus tincidunt ut non odio. Vestibulum non tellus non magna lacinia condimentum at quis dolor. Cras lobortis euismod venenatis. Sed condimentum eros lorem, bibendum hendrerit est consectetur vitae. Quisque vehicula turpis non nunc elementum, at venenatis dolor ullamcorper.

Lien interne

Un ptit texte ici

Lien Primary

Un autre tit texte

Cras ligula lorem, sagittis eget dignissim in, faucibus ut leo. Donec ex metus, porta tincidunt ex id, pulvinar convallis tortor. Donec ultrices dui neque, quis aliquam velit pharetra sit amet. Maecenas a ex sed sapien gravida aliquet non eu purus. Fusce urna nisl, egestas vel turpis quis, eleifend bibendum odio.

Lien Secondary

Encore un texte…

Integer euismod fermentum augue, fringilla ullamcorper justo auctor a. Nullam felis nibh, fringilla vel facilisis viverra, imperdiet quis ante. Suspendisse interdum molestie arcu vitae malesuada. Cras augue massa, placerat ac ullamcorper id, iaculis a ipsum. Praesent efficitur at ligula id sollicitudin.

Lien P. reverse

Lien S. reverse

Maintenant le module « Détails »

Je rédige un début ici…

Pis je déblatère beaucoup ici parce que c’est caché pis que ça prend pas de place!

“La difficulté attire l’homme de caractère, car c’est en l’étreignant qu’il se réalise lui-même.”
Charles de Gaulle dans Mémoires de guerre

Le module Visionneuse se présente comme suit…

Voici le slider d’images

Voici le module visionneuse

C’est une visionneuse d’images

Visionneuse Test

Et maintenant la visionneuse d’actus

Et la visionneuse de page

Arts

Collège

6ᵉ, 5ᵉ, 4ᵉ, 3ᵉ

Élémentaire

CP, CE1, CE2, CM1, CM2

Lycée

2nde, 1ère, Terminale

Maternelle

Moyenne Section (MS), Grande section (GS)

Parcours éducatif

Cassons le tout avec des colonnes de couleur 😀

Mauris eget leo quis tellus rutrum tincidunt eget et purus. Suspendisse erat lectus, finibus ut pharetra vestibulum, commodo sed elit. Aliquam molestie pellentesque iaculis. Donec ex magna, convallis et auctor quis, vulputate ac arcu. Cras consequat a sapien facilisis commodo. Integer viverra quam et porta sodales.

Nulla convallis odio quis accumsan feugiat.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Pellentesque non varius enim.
Aliquam facilisis dictum ultricies. Nam eleifend iaculis aliquam.

Integer euismod fermentum augue, fringilla ullamcorper justo auctor a. Nullam felis nibh, fringilla vel facilisis viverra, imperdiet quis ante. Suspendisse interdum molestie arcu vitae malesuada.

On va essayer P.reverse

Et je continus avec les médias sociaux

On peut aussi faire des tableaux

À prendre avec des pincettes svp!

Libellé de l’en-tête	L’entêtement chez le jeune	En tétant le mamelon	La tête dans les nuages
Libellé de la 1ere rangée	35% des…. sont plus… que …	fdasvcz	436547.4twae
Une autre rangée	10 de plus ou de moins..	19090 de 30000	fgs
Section pied de page	—	—	…
Section pied de page	Libellé de pied de page	ou comment prendre son pied	et perdre pied

Et une légende, si nécessaire

On va finir là avec un pattern!

FAQ

Lorem ipsum dolor sit amet consectetur. Adipiscing metus maecenas justo nibh libero ultrices. Aenean quis mauris amet ac.

Lorem ipsum dolor sit ame

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis auctor urna vulputate vehicula. Sed at augue odio. Sed libero nibh, vehicula non urna et, ultricies vehicula arcu. Suspendisse in nibh non arcu maximus ullamcorper ac eu orci. Nullam scelerisque pellentesque auctor. Etiam lacus lectus, tristique eget ligula eu, iaculis euismod dolor. Aliquam efficitur, ipsum at pellentesque rutrum, eros leo mollis est, ac lacinia metus mi eget nunc. Phasellus mollis luctus nisi, a fringilla risus viverra ac.

Ut a metus suscipit sollicitudin sem a congue ligula

Praesent id enim a ex aliquet aliquet

Aliquam ut justo in elit accumsan aliquam

Maecenas iaculis dui eget malesuada imperdiet