Une sorte de légende, propre à l'image. Avec un texte après.
Il faut écrire ici le texte et les titres, pour l'accessibilité
Destiné à mettre du texte impactant.
Ou le nom de la société. Avec un texte en-dessous.
Le bloc text-solo
Titre en-dessous
C'est un bloc tout simple. On y mets que du texte. On peut y ajouter un sur-titre et un sous-titre, ainsi qu'un bouton qui mène à l'url qu'on indique.
On peut mettre plusieurs paragraphes.
En savoir plus
Avec sur-titre
Le bloc à deux colonnes
Et sous-titre
Voilà le bloc à deux colonnes. Surtout conçu pour mettre une image d'un côté et du texte de l'autre. Différentes possibilités de titres et sur/sous-titres. On peut aussi ajouter un bouton.
Et plusieurs paragraphes.
En savoir plusIdem avec une image de l'autre côté
Le bloc à deux colonnes se décline des deux côtés sans problème. Il y a juste à ajouter l'image ou le paragraphe avant l'autre pour indiquer l'ordre de gauche à droite.
Et là j'ai enlever l'autre paragraphe et le bouton.
Un sur-titre
Le bloc galerie, ratio 16/9
Juste une galerie, qui peut afficher toutes les images d'un projet dans la page projet, les images d'un projet indiqué dans le JSON ou une liste d'images indiqués en JSON
Bloc Full-Image
Un sous-titre
Une belle image qui s'étend jusqu'au bord et un gros titre bien centrée avec un bel effet de dégradé. Le texte se place en-dessous en deux colonnes. C'est assez élégant. L'idée n'est pas de moi, j'ai trouvé cette configuration sur le site de Blackmagic. Il faut que le texte soit un peu long pour bien installer les deux colonnes. Sinon ça fait deux petits textes. Ça passe mais c'ets moins joli.
Le bloc "mosaïc"
Des images larges
Destiné à présenter différentes étapes ou différents services qu'on propose. On peut aussi ajouter des liens plus discret en bas de texte.
Comme ici
Ou plus petites
This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a placeholder for people who need some type to visualize what the actual copy might look like if it were real content.
Large de 32/9
This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a placeholder for people who need some type to visualize what the actual copy might look like if it were real content.
Et petite en 16/9
This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a placeholder for people who need some type to visualize what the actual copy might look like if it were real content.
En image
Le bloc avant-apres "defilement"
Permet de faire des comparaisons
Juste un paragraphe pour introduire si besoin, mais on peut aussi ne mettre ni titre, ni texte.
J'ai préféré mettre le titre sur la même ligne. C'est plus élégant je trouve.
Juste avec le titre
Et seulement avec du texte, mais sans titre. Pour des explications plus sobre peut-être.
En image et/ou video !
Le bloc trois-colonnes
Permet de décrire des étapes
Le contenu texte au-dessus n'est pas du tout obligatoire pour le bloc trois colonnes mais il est malgré tout possible d'en mettre un.
Le bloc...
Avec un sous-titre...
This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a placeholder for people who need some type to visualize what the actual copy might look like if it were real content.
...trois...
...à chaque colonne...
On ne met qu'un seul paragraphe par colonne, sinon ça ne donne pas bien.
...colonnes
...ça donne mieux
This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a placeholder for people who need some type to visualize what the actual copy might look like if it were real content.
En image
Le bloc avant-apres "classic"
Permet de faire des comparaisons
Ici, il n'y a pas d'animation. Les images se mettent au-dessus l'une des autres. Je n'ai pas mi du titre ou de texte non plus.
Un titre au-dessus si besoin
Le bloc etapes
Un titre en-dessous si besoin
Là j'ai mis un long texte mais c'ets pas obligatoire. Le but est de décrire des étapes en pleine image, avec du texte qui vient par-dessus
-
+ Un titre d'étape
Un titre d'étape Un texte qui présente l'étape
-
+ Une autre étape
Une autre étape Un texte qui présente l'étape. Un peu plus long celui-ci.
-
+ Une dernière étape
Une dernière étape This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a placeholder for people who need some type to visualize what the actual copy might look like if it were real content.
Un titre au-dessus si besoin
Le bloc portfolio
Un titre en-dessous si besoin
Il a deux modes : soit il affiche une sélection limitée et choisie de projet, soit il affiche un menu et permet d'afficher tous les projets, avec un bouton pour charger les projets suivants
Un titre au-dessus
Le bloc logos-clients
Un titre en-dessous si besoin
C'est un bloc tout simple aussi, qui permet de présenter les logos de nos clients en animant un défilement sur deux lignes seulement
Dans sa version limitée
Le bloc portfolio, ratio 1/1
Cela montre ce que ça donne sans le menu de sélection. On peut indiquer le ratio aussi.
Un titre au-dessus
Le bloc contact-form
Un titre en-dessous si besoin
C'est avec ce bloc que nos futurs clients nous contacte, comme on l'a bien compris. On remet aussi nos réseaux sociaux :
