Gribouille

Avec un compte gratuit : le site complet, en français et en anglais, comme le verraient vos visiteurs.

Les 10 effets de ce site

Progress BarGratuit
Barre de progression jaune tout en haut de la page, sur l'en-tête (se remplit au fil du défilement, comme l'avancement d'un cours)
Bounce In LettersPremium
Titre du hero « Vous savez dessiner. Si, si. », dont les lettres rebondissent une à une à l'arrivée
Mouse Parallax SceneGratuit
Composition du hero (photo du carnet, rond bleu, demi-lune rouge, triangle vert, pastilles) qui bouge avec le curseur
Alternating RowsPremium
Bandeau noir sous le hero : deux rangées de mots (matières, puis verbes) qui défilent en sens opposés
Layered PaperPremium
Les six cartes du catalogue de cours : chaque carte est une pile de trois feuilles bordées de noir, les deux du dessous s'éventaillent au survol
Slide In CardsPremium
Section « Le programme » : les huit modules glissent en place au défilement, les impairs depuis la gauche, les pairs depuis la droite
Counter Animation CSSPremium
Section noire des chiffres clés (860 élèves, 212 h, 97 %) : trois compteurs en CSS pur qui comptent jusqu'à leur valeur quand la section arrive à l'écran
Duotone Image FilterPremium
Portraits des trois formateurs, affichés en bichromie (bleu, rouge, vert) et qui retrouvent leurs vraies couleurs au survol
3D PressPremium
Tous les boutons principaux (hero, en-tête, tarifs, formulaire) : bord épais qui s'enfonce au clic
Morph TransitionPremium
Section « Questions » : chaque réponse surgit sous sa question en se métamorphosant (rond → bloc, avec rebond), et disparaît de même

Captures

Photos : Unsplash (licence Unsplash). Noms, adresses et chiffres sont fictifs.

Fondamentaux

Design & Visuels

Animations & Scroll

Galerie & Plus

Captures

Les autres templates