Page de démonstration

Quelques exemples pour organiser les images et les textes simples.

Image & Texte simple

Je suis aligné à gauche. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Je suis centré. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Je suis aligné à droite. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Accordéon & Appel à l’action (CTA)

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

La flip box & Les images flottantes

front-image

Titre de devant

Texte de description de devant

Bouton de devant

Titre de derrière

Texte de description de derrière

Bouton de derrière

Avant-Après & Image “tilt”

3D

Bouge au survol

Onglets & Bascules

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Diapositive & Galerie

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Votre titre va ici

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Votre titre va ici

Image type hover & Images Hotspot

Titre

Placer la souris / votre doigt ici

Titre en survol

Ceci est un texte en survol

U

Titre 1

Description 1
U

Titre 2

Description 2
U

Titre 3

Description 3
U

Titre 4

Description 4

Image en format Masonry

Page de démonstration

Quelques exemples pour mettre en valeur vos chiffres et graphiques.

Compteur barre, Cercle & Nombres

  • Votre titre va ici 50% 50%
  • Votre titre va ici 70% 70%
  • Votre titre va ici 90% 90%

%

Votre titre va ici

%

Votre titre va ici

%

Votre titre va ici

Compteur circulaire & Texte machine à écrire

Compte à rebours

Votre titre va ici

Jour(s)

:

Heure(s)

:

Minute(s)

:

Seconde(s)

Différents compte à rebours

Page de démonstration

Quelques exemples pour organiser vos actualités, blog et articles.

Blog simple type “grid”

Blog type “curseur défilement” & Blog type “slider”

Enquête : je dissèque quelques escroqueries…

Les escroqueries sont aussi variées que frustrantes lorsqu’on s’est fait avoir. J’ai moi-même failli passer à la casserole alors que je pensais être bien informé. De nouvelles véroles sont en ligne : j’aimerai en parler.

Firefox send : l’alternative à WeTransfer

En terme de plateforme pour transférer des fichiers volumineux, il y en a pas mal. Il y a Smash, Google Drive, etc. Je vais plutôt m’arrêter sur deux acteurs dont la politique s’oppose en ce qui concerne la gestion de votre vie privée : j’ai nommé WeTransfer et Firefox Send.

Nov 17 2019

Enquête : je dissèque quelques escroqueries…

Les escroqueries sont aussi variées que frustrantes lorsqu’on...
Juil 21 2019

Firefox send : l’alternative à WeTransfer

En terme de plateforme pour transférer des fichiers volumineux, il y...

Blog type “coverflow”

Nov 17 2019

Enquête : je dissèque quelques escroqueries…

Les escroqueries sont aussi variées que frustrantes lorsqu’on...
Juil 21 2019

Firefox send : l’alternative à WeTransfer

En terme de plateforme pour transférer des fichiers volumineux, il y...
Juil 18 2019

Bilevert Tome 1 Bilingue / Billgreen Opus 1 Bilingual

[FR] Téléchargez un conte pour enfant gratuit Français et Anglais !...
Mai 13 2019

Billgreen – Opus 1 – 2007 Edition

Tome 1 and 2 have been reconditioned to make them appear under the...

Page de démonstration

Quelques exemples pour organiser vos produits à vendre

Présentation produits en carrousel

Page de démonstration

Quelques exemples pour mettre en avant des médias audios et vidéos

1 Audio & 3 Vidéos Youtube

Votre titre va ici

par l'artiste Mad-ev.com | Nom de l'album

Page de démonstration

Quelques exemples d’organisation de projets, portfolios

Portfolio en mode grid

Portfolio en mode carrousel

D’autres modules à venir…

Image originelle : Nick H de Pixabay

Pour d’autres avis, comme les avis Google : cliquez ici

Photo originelle : Kaboompics.com provenant de Pexels

Photo originelle : Tembela Bohle de Pexels

Image originelle : Nick H de Pixabay

Photo originelle : picjumbo.com de Pexels

 

En panne d’inspiration pour organiser votre contenus web ? Cliquez sur mon logo ci-dessus pour voir une démo. Attention : page lourde = chargement long. Merci pour votre patience.

Image originelle : Bongkarn Thanyakij de Pexels


Photo originelle : Torsten Dettlaff de Pexels

Photo originelle : Luis Quintero de Pexels