Skip to content
Bon à savoir logo

Bon à savoir - version courte

Le visuel bon à savoir va de paire avec le fond rose.
Le fond rose ne peut être utilisé que pour du bon à savoir.

Si beaucoup de texte, le texte revient à la ligne sous l'image + l'URL.
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.

MODULE 1

Texte avec Image à Gauche ou Droite (contenu autour de l'image) & Fond gris/blanc

Plusieurs présentations possibles : 

Image à gauche ou à droite (contour autour de l'image) 

Le texte se met à côté de l'image + sous l'image si le texte est plus long 

Possible de justifier le texte si les phrases ne sont pas bien alignées.

 

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.

Texte & Image Gauche ou Droite avec Fond Rose

Une seule présentation possible :

Le fond rose se présente en deux colonnes, principalement fait pour du texte "court" sinon le bloc de texte sera plus long que l'image et donc la présentation ne sera pas optimale.

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.

Texte sans image ou image sans texte

Possible d'insérer un texte seul ou une image seule, les blocs seront automatiquement centrés.
Il faudra toujours mettre une description sur l'image pour l'accessibilité - en cliquand sur le dossier dans le bloc image - propriétés - description

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Tram C Homme de fer
30anstram

TEST

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

dansletram

TEST

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

tramFkoenigs

TEST

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

MODULE 2

Bon à savoir logo

Bon à savoir - version courte

Le visuel bon à savoir va de paire avec le fond rose, à utiliser que pour cette fonction.

Si beaucoup de texte, le texte revient à la ligne sous l'image, idem pour l'URL.

Bon à savoir logo

Bon à savoir - version pleine largeur

Idem - visuel va de paire avec le fond rose

Bons plans

Bon plan - version courte

Visuel bon plan va de paire avec le fond bleu.

Si beaucoup de texte, le texte revient à la ligne sous l'image, idem pour l'URL.

Bons plans

Bon plan - version pleine largeur

Visuel bon plan va de paire avec le fond bleu.

Si beaucoup de texte, le texte revient à la ligne sous l'image, idem pour l'URL.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. 

Picto P+R

Encadré fond blanc - version courte

Pas de version pleine largeur pour ce bloc.

N'importe quelle image peut ere utilisée.

 

MODULE 3

Mise en avant fond rouge

Le texte devrait faire la hauteur de l'image pour un rendu optimal.
Possibilité de rigenr l'image et de choisir l'affichage souhiaté en cliquant sur le dossier dans le bloc image dans le mode édition puis format.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. 

MODULE 4

Bandeau type "pictos" = fond gris

Maximum 4 colones pour un rendu optimale et lisible.
P
ossibilité de mettre des bullet point, le texte est centré automatiquement dans les colonnes 

Colonne 1

Integer eleifend felis nulla at vestibulum erat purus. 

Colonne 2

Dui suscipit pharetra varius quis sed amet. Tristique pellentesque.

Colonne 3

Volutpat elit ut pellentesque neque massa quis vulputate. 

Colonne 4

Volutpat elit ut pellentesque neque massa quis vulputate. 

Bandeau type "lignes" - fond blanc avec contour

Maximum 3 colones, la 4ème passe à la ligne à l'horizontal.
Possibilité d'en mettre qu'une, elle se mettra à l'horizontale aussi.

Colonne 1

À partir de 19h30 et jusqu'à la fin de service, la ligne G circulera uniquement entre Rotterdam et Winston Churchill d’une part et entre Lycée Pasteur et Espace Européen de l’Entreprise d’autre part. Elle desservira exceptionnellement l’arrêt Musée d’Art Moderne afin de faire correspondance avec la ligne de tram B.

Colonne 2

À partir de 19h30 et jusqu'à la fin de service, la ligne C1 sera interrompue entre les arrêts Esplanade et Montagne Verte. Les arrêts Rome, Palerme, Cité Administrative, Sécurité Sociale, Etoile Bourse, Hôtel de Police, Hôpital Civil, Lycée Pasteur, Laiterie Saales et Laiterie ne seront plus desservis.

Colonne 3

À partir de 19h30 et jusqu'à la fin de service, la ligne C8 sera interrompue entre les arrêts Pont Saint Nicolas et Kibitzenau. Les arrêts Pont Saint Nicolas, Porte de l’Hôpital, Etoile Bourse, Etoile Polygone, Mulhouse, Neudorf Marché, Lazaret, Gravière Stade de la Meinau et Polygone ne seront plus desservis.

Colonne 4

À partir de 19h30 et jusqu'à la fin de service, la ligne C8 sera interrompue entre les arrêts Pont Saint Nicolas et Kibitzenau. Les arrêts Pont Saint Nicolas, Porte de l’Hôpital, Etoile Bourse, Etoile Polygone, Mulhouse, Neudorf Marché, Lazaret, Gravière Stade de la Meinau et Polygone ne seront plus desservis.

MODULE 5

Vidéo

Pensez à retravailler les minautures des vidéos youtube, certaines sont carrées, et ne correspondent pas au format de Youtube initialement mais qui ne rendront pas bien sur le site non plus car la miniature va essayer de s'adapater au format et mettre des bandes noires sur le côté.
Pour l'ID, reprenez la manip partagé : cliquer sur partager et récupérer l'id après le / 

MODULE 6

MODULE 7

Phrase d'accroche pour les articles/actualités principalement.

Utiliser le type phrase d'accroche pour ce rendu.

Pas d'image avec ce format.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

 

info-icon

Type Sous titre avec ou sans picto. Que des pictos dans l'image pas de grandes images.

Tarifs

A l'unité

2,50 € à bord des bus
2,10 € sur Billet Sans Contact (BSC) 1er achat
1,90 € sur Badgéo, Appli ou BSC en rechargement

Par 2

3,80 € sur Billet Sans Contact (BSC) 1er achat
3,60 € sur Badgéo, Appli ou BSC en rechargement

Par 10

17,30 € sur Billet Sans Contact (BSC) 1er achat
17,10 € sur Badgéo, Appli ou BSC en rechargement

Par 30

47.50 €  uniquement sur Badgéo et Appli CTS