Nous utilisons des cookies afin de fournir nos services, et, si vous l'acceptez, à des fins d'analyse pour améliorer nos services et afin de vous proposer des annonces personnalisées. En poursuivant votre navigation, vous acceptez l'utilisation de ces cookies.
En savoir plus et accéder à plus d'options.
Gérer les cookies
Nous utilisons des cookies pour améliorer votre expérience utilisateur
Ils fournissent les fonctions nécessaires à la navigation sur le site web.
Ils nous permettent d'étudier la manière dont les utilisateurs naviguent sur le site web. Nous ne collectons que des données anonymisées.
Ils sont utilisés pour des usages liés au marketing et à la publicité.
Vous souhaitez un abonnement ou un pack internet, TV, mobile ou téléphone en Belgique ?
Souscrivez maintenant en ligne à l'offre de nos partenaires Zuny, edpnet, hey! ou Proximus ou faites-vous rappeler par l'un des conseillers en télécom de CallMePower pour une comparaison gratuite des offres
Comment changer d'opérateur GSM en Belgique facilement ?
Découvrez dans ce guide comment changer d'opérateur mobile en Belgique.
Vous souhaitez changer d'opérateur GSM ? Dans ce guide, vous trouverez tout ce que vous devez savoir pour changer d'opérateur mobile en Belgique : comment changer d'opérateur GSM en gardant votre numéro, après combien de temps est-il possible de changer d'opérateur mobile, etc.
Vous souhaitez changer d'opérateur ?
L'un des conseillers de CallMePower vous aidera à trouver la meilleure offre du marché en fonction de vos besoins et à résilier vos services auprès de votre opérateur actuel afin que vous n'ayez pas à le faire ! Service gratuit et sans engagement.
Besoin d'aide pour les comparer ? Laissez-nous votre numéro de téléphone, un conseillers CallMePower vous rappellera dès que possible gratuitement pour vous y aider et résilier votre abonnement actuel si vous le souhaitez !
De nombreux Belges ont tendance à rester fidèles à leur opérateur GSM pendant de nombreuses années, et ce, pour diverses raisons :
Habitude ou confort ;
Satisfaction ;
Fidélité envers la marque ;
Méconnaissance des offres concurrentes ;
Crainte d'affronter les lourdeurs administratives liées à la résiliation ;
Crainte de subir une interruption de service ;
Etc.
Toutefois, changer d'opérateur GSM est bien souvent synonyme d'économies. Il n'y a qu'en comparant régulièrement les offres des différents opérateurs que vous pourrez trouver l'abonnement GSM le moins cher en fonction de vos besoins.
Et heureusement, changer d'opérateur GSM est bien plus facile qu'il n'y parait ! Nous vous guidons pas à pas dans les démarches liées au changement d'opérateur.
Besoin d'aide pour choisir le meilleur abonnement GSM en Belgique ?
Faites-vous conseiller gratuitement par un expert en télécommunications de CallMePower ! Comparaison gratuite et sans engagement.
Souscrivez maintenant en ligne à l'offre de nos partenaires edpnet, hey! ou Zuny ou Proximus ou faites-vous rappeler par l'un des conseillers en télécom de CallMePower pour une comparaison gratuite des offres
Vous souhaitez passer de Proximus à Orange, ou encore de Mobile Vikings à VOO ? Il faut alors d'abord vous poser les questions suivantes :
Mon abonnement GSM est-il adapté à mes besoins ?
Le prix de mon abonnement GSM est-il le moins cher du marché dans sa catégorie ?
Suis-je soumis à une durée d'engagement auprès de mon opérateur actuel ? Si oui, pour combien de temps suis-je encore engagé ?
La couverture réseau de l'opérateur auprès duquel je souhaite souscrire un abonnement est-elle suffisante dans ma région ?
Mon abonnement GSM actuel fait-il partie d'un pack avec internet, TV et/ou téléphone fixe ? Si oui, vais-je également transférer ces produits vers mon nouvel opérateur ? Si non, serait-il plus avantageux d'inclure mon abonnement GSM dans un pack auprès du nouvel opérateur ?
Suis-je satisfait du service client de mon opérateur actuel et que penser de celui de mon potentiel futur opérateur ?
Ces questions vous ont guidé dans votre choix ? Il est alors temps de changer d'opérateur.
Si vous souhaitez un nouveau numéro de GSM, il vous suffit de résilier votre abonnement GSM auprès de votre opérateur actuel et d'en souscrire un autre auprès d'un nouvel opérateur. La résiliation peut se faire :
Via le formulaire de contact en ligne de votre opérateur ;
Par courrier ;
Par email ;
En vous rendant dans l'une des boutiques de votre opérateur.
Vous souhaitez changer d'opérateur ?
L'un des conseillers de CallMePower vous aidera à trouver la meilleure offre du marché en fonction de vos besoins et à résilier vos services auprès de votre opérateur actuel afin que vous n'ayez pas à le faire ! Service gratuit et sans engagement.
Besoin d'aide pour les comparer ? Laissez-nous votre numéro de téléphone, un conseillers CallMePower vous rappellera dès que possible gratuitement pour vous y aider et résilier votre abonnement actuel si vous le souhaitez !
Votre demande de résiliation devra toujours contenir les informations suivantes :
Votre nom et votre prénom ;
Votre numéro de client ;
Votre adresse postale ;
Le(s) numéro(s) de téléphone que vous souhaitez résilier (et si vous souhaitez demander leur portabilité) ;
La date de résiliation souhaitée.
Vous devez toujours veiller à obtenir une confirmation écrite de la part de votre opérateur dans les jours suivant l'introduction de votre demande de résiliation.
Changer d'opérateur grâce à la procédure Easy Switch
Il n'est pas possible de changer d'opérateur à l'aide de la procédure Easy Switch si vous souhaitez uniquement changer d'abonnement mobile. Vous pourrez toutefois résilier votre abonnement GSM auprès de votre opérateur et en souscrire un autre par vous-même.
Vous souhaitez aussi transférer votre abonnement internet et TV auprès d'un autre fournisseur ? Vous pourrez alors avoir recours à la procédure Easy Switch afin de changer d'opérateur. Cette procédure facilite grandement le processus de résiliation et de souscription d'un nouvel abonnement. Elle n'est toutefois pas applicable dans le cas d'un changement d'abonnement téléphonique uniquement.
Besoin d'aide pour choisir la meilleure offre internet, TV, mobile ou téléphone en Belgique ?
Les experts télécom de CallMePower vous aident gratuitement à comparer les offres disponibles sur le marché !
Vous souhaitez un abonnement ou un pack internet, TV, mobile ou téléphone en Belgique ?
Souscrivez maintenant en ligne à l'offre de nos partenaires Zuny, edpnet, hey! ou Proximus ou faites-vous rappeler par l'un des conseillers en télécom de CallMePower pour une comparaison gratuite des offres
Portabilité du numéro : changer d'opérateur en gardant son numéro de GSM
Lorsque vous souscrivez un abonnement auprès d'un nouvel opérateur, vous pouvez demander à conserver gratuitement votre numéro de GSM actuel. Cela s'appelle la portabilité du numéro de téléphone.
Vous devez en général en faire la demande lors de la commande de votre abonnement GSM. Votre nouvel opérateur ainsi mandaté pourra demander le transfert de votre numéro à votre ancien opérateur (maximum 5 numéros par client).
Lorsque votre nouvelle carte SIM sera activée (dans un délai d'un jour ouvrable ou à la date souhaitée), vous ne capterez plus le réseau mobile de votre ancien opérateur. Il vous suffit alors de remplacer votre ancienne carte SIM par la nouvelle dans votre GSM afin d'appeler et surfer sur le réseau mobile de votre nouvel opérateur. Vous ne subirez ainsi pas de coupure de votre ligne (30 minutes tout au plus).
Le transfert de votre numéro de téléphone n'a pas été effectué à la date convenue ? Vous pouvez réclamer à votre nouvel opérateur une indemnité de 3 à 5€ dans un délai de 6 mois.
Dans le cadre d'une ligne téléphonique fixe, vous pouvez uniquement demander la portabilité de votre numéro de téléphone si vous restez dans la même zone géographique. En effet, si vous déménagez dans une zone ayant un préfixe téléphonique différent, vous serez obligé de changer de numéro de téléphone fixe.
Vous souhaitez changer d'opérateur de carte prépayée ? C'est tout à fait possible ! Il vous suffit de choisir l'un des opérateurs belges proposant une carte prépayée (BASE, Proximus, Orange, Lycamobile ou Mobile Vikings). Vous pouvez également demander la portabilité de votre numéro de GSM.
Après combien de temps peut-on changer d'opérateur mobile ?
Tout dépend de l'abonnement auquel vous avez souscrit auprès de votre opérateur. La plupart des opérateurs proposent aujourd'hui des abonnements GSM sans engagement, c'est-à-dire que vous pouvez résilier votre abonnement à tout moment, et ce, totalement gratuitement. Dans le cas d'un contrat à durée déterminée, votre opérateur ne pourra plus vous facturer de frais de résiliation à partir de 6 mois après l'entrée en vigueur du contrat.
Si vous résiliez votre contrat à durée déterminée de manière anticipée au cours des 6 premiers mois, les frais de résiliation ne pourront excéder ceux des frais d’abonnement encore dus jusqu’à la fin de la période de 6 mois.
Vous souhaitez changer d'opérateur ?
L'un des conseillers de CallMePower vous aidera à trouver la meilleure offre du marché en fonction de vos besoins et à résilier vos services auprès de votre opérateur actuel afin que vous n'ayez pas à le faire ! Service gratuit et sans engagement.
Besoin d'aide pour les comparer ? Laissez-nous votre numéro de téléphone, un conseillers CallMePower vous rappellera dès que possible gratuitement pour vous y aider et résilier votre abonnement actuel si vous le souhaitez !
Toutefois, il est possible que vous vous soyez engagé dans le cadre d'une offre couplée. C'est par exemple le cas si vous avez reçu un smartphone ou encore une montre connectée avec votre abonnement. Ce type de contrat est généralement assorti d'une durée d'engagement de 12 mois.
Vous souhaitez résilier votre abonnement de manière anticipée ? Vous devez alors consulter le tableau d'amortissement reçu avec votre contrat d'abonnement. Il vous permettra de calculer la valeur résiduelle de l'appareil à payer en cas de rupture anticipée de votre contrat. Ainsi, vous pourrez évaluer si vous réaliserez davantage d'économies en restant encore quelque temps chez votre opérateur actuel, ou en souscrivant un abonnement moins cher auprès d'un autre opérateur.
Si votre opérateur modifie ses conditions générales ou augmente ses tarifs, vous pouvez résilier votre abonnement sans aucune indemnité jusqu’au dernier jour du mois suivant celui durant lequel vous avez reçu votre première facture majorée.
MEP stands for Mise En Page (which means "layout" in french). It was created as a bunch of easy-to-use html components for our content editors to nice and easily lay their articles out.
If you find a bug on a component, an error on this documentation or you want new features, please create a new query on the Drupal Trello board. We will work on it according to the priority.
Introduction paragraph
Simply add the intro class to your p tag.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores iusto, expedita iure veritatis labore, nulla, ullam commodi iste velit dicta adipisci illo natus voluptatem quos fuga beatae! Odit ullam doloremque obcaecati provident consequatur voluptates atque labore ab totam ipsum aperiam tempore hic itaque, eligendi iste. Sunt esse, fuga rerum vitae.
HTML
Text
Summary
✍️ Note: There is a Drupal module called Summary Tool that allows your site to automatically create an aside summary based on the id you add to the titles of your article.
That aside summary includes some nice behaviours like sticky display and anchors to the titles themselves. If you enable that module, you don't need to add a summary to your article because that information would be duplicated.
You can use ordered lists, unordered lists, and a mix of both types nested.
Summary:
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
HTML
👁 Warning: Pay attention on the attributes aria-labelledby="summary-title" and id="summary-title" highlighted above. Remember to use them, they are important for accessibility.
📌 Important: If you don't want a title you have to change the aria-labelledby value with the id of the title ( h1 ... h6 ) in the summary region (See next example).
Summary without title
Section Title
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.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
HTML
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.
Ordered Summary
Summary:
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
HTML
Unordered Summary
Summary:
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
HTML
Bullets Summary
Summary:
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet, consectetur.
HTML
👁 Warning: Be sure to use ordored lists, namely ol and to add the class bullets.
Text Boxes
You can use these classes on 2 types of HTML tag:
...
when the content is a paragraph and
...
when the content is generic, like an advert.
Warning
Mind the gap!
Too many people fall between the coche and the andén, because the estación is en curva.
HTML
Title
Text
Danger
Watch out!
Don't ever swallow a Mentos and then drink Coca Cola, it can be dangerous!
HTML
Title
Text
GRDF
She's just a girl, and she's on fire. Hotter than a fantasy, longer like a highway. She's living in a world, and it's on fire. Feeling the catastrophe, but she knows she can fly away. Oh, she got both feet on the ground. And she's burning it down. Oh, she got her head in the clouds. And she's not backing down.
HTML
Title
Text
Note
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Selectra
Déménagement ? Contactez Web Energie au 09 87 67 54 75 (lundi-vendredi 8H30-21H, samedi 9H-18H) pour mettre votre compteur d'électricité et/ou de gaz à votre nom ou ouvrir le compteur avec un fournisseur alternatif. Cette plateforme multifournisseurs se charge de vos démarches liées au déménagement et vous oriente vers l'offre partenaire la plus compétitive dans votre cas.
HTML
Text
📌 Note: The is optional. If you don't add it, the text will take the whole width of the box.
Check
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Namely
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Laptop
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Mobile
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Thumbs up
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
PDF
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Selectra's check
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Letter
Madame/ Monsieur,
Je suis aujourd’hui bénéficiaire d’un contrat d’assurance multirisques habitation, auprès de votre organisme d’assurance [Nom de l’entreprise]. Ce contrat souscrit le [date d’effet], portant le numéro [x], concerne [ma maison/ mon logement/ autre] situé (e) à [votre adresse]. Je souhaite aujourd’hui résilier mon contrat d’assurance habitation auprès de vos services. Conformément à la loi Hamon et à l’article L113-15-2 du Code des assurances, cette résiliation prendra effet, un mois à compter de la date de réception de ce courrier.
Je vous remercie d’avance de bien vouloir accéder à ma demande en prenant toutes les dispositions nécessaires et de me faire parvenir, à toutes fins utiles, une attestation à jour.
Dans l'attente d'une réponse de votre part, je vous prie, Madame, Monsieur, d'agréer mes sincères salutations.
[Signature de l’assuré]
HTML
Text
Note: You can use more HTML tags inside this component, such as
,
, etc.
Text corner (mention)
You can add the feature to most of the text-boxes if you need to emphasize on the fact it's an ad.
Déménagement ? Contactez Web Energie au 09 87 67 54 75 (lundi-vendredi 8H30-21H, samedi 9H-18H) pour mettre votre compteur d'électricité et/ou de gaz à votre nom ou ouvrir le compteur avec un fournisseur alternatif. Cette plateforme multifournisseurs se charge de vos démarches liées au déménagement et vous oriente vers l'offre partenaire la plus compétitive dans votre cas.
Annonce
HTML
Text
Text corner (mention) with Tooltip
You have to add
and then, add inside the tooltip. Also, add class="tooltip-left" to put the tooltip text alignment to left.
Déménagement ? Contactez Web Energie au 09 87 67 54 75 (lundi-vendredi 8H30-21H, samedi 9H-18H) pour mettre votre compteur d'électricité et/ou de gaz à votre nom ou ouvrir le compteur avec un fournisseur alternatif. Cette plateforme multifournisseurs se charge de vos démarches liées au déménagement et vous oriente vers l'offre partenaire la plus compétitive dans votre cas.
Announce
HTML
Text
Advice
Alt
Qu’est-ce que le protocole de Kyoto ?
L'analyse de notre expert
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
TitleSubtitle
Text
📌Note: The image used on this component has to be 116 x 116 px.
Expert advice
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
Alt
Mr Expert
HTML
Title
Text
📌 Note: The ,
and the are optional. If you don't want an image you will have to add a class as specified below.
📌 Note: You can use more HTML tags inside this component, such as
,
, etc.
📌 Note: The image used on this component has to be 160 x 160 px.
Expert advice without image
Qu’est-ce que le protocole de Kyoto ?
La première prise de conscience de l’impact des GES sur l’environnement et le futur de la planète a eu lieu lors du protocole de Kyoto en 1997. 172 pays ont ratifié cet accord international visant à réduire les émissions de GES. Ainsi, pays industrialisés et grandes entreprises sont dans l’obligation de respecter des quotas de CO2 – soit les quantités maximales annuelles de CO2 qu’ils sont autorisés à émettre.
HTML
Title
Text
Table Legend
Watch out!
Don't ever swallow a Mentos and then drink Coca Cola, it can be dangerous!
Table legend
HTML
Title
Text
Your text
Lists
Box check list
This list has a green border and checkmarks.
Lorem ipsum dolor sit amet, consectetur adipisHereng elit.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
HTML
👁 Warning
...
is optional, it allows you to add a title to the list.
Checkmark list
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
HTML
Crossmark list
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
HTML
Custom list
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
HTML
👁 Warning
...
: Checkmark
...
: Crossmark
Numbered list
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
HTML
👁 Warning
The class list--numbered can be used on ordered list ... or on a unordered list
...
Basic icons
You only have to add the choosen class to a span tag. Then, add your text outside the span tag.
Numbers
Numbered icons up to 20
TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText
HTML
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
📝 Note: Numbered icons are available from one to twenty.
Numbered icons inline
When three chickens go to the field, the first goes first the second goes behind the third is the last one.
HTML
When three chickens go to the field,
the first goes first
the second goes behind
the third is the last one.
🚔 Warning: Don't forget to add a non-breakable space ( ) inside the span tag. Otherwise, it is very likely that the CMS text processors will delete what it considers as an empty tag.
Check / Cross
Check / Cross icons inline
This is a nice way to: confirm that this is OKwhereas this is not OK at all.
HTML
This is a nice way to: confirm that this is OK
whereas this is not OK at all.
🚔 Warning: Don't forget to add a non-breakable space ( ) inside the span tag. Otherwise, it is very likely that the CMS text processors will delete what it considers as an empty tag.
Icons
You can add also icons with HTML code. Here is the whole icon list. . You have to change the source with the name of your site.
Icons & Flags
Icons that start with 'icon-xxx'
Flags
HTML
Icon
Flags
📝 Note: Remember to change URL with the name of your site.
Colors (only icons)
You can modify the icon colors (no flags), adding only one class. In each site theme the colors are different (according to theme color), but the name classes are the same. You can combine color classes with position and size classes.
Primary
Secondary
Ternary
Warning
Danger
Success
Neutral
HTML
Primary
Secondary
Ternary
Danger
Warning
Success
Neutral
🚔 Remember that colors can change depending on your theme.
Size
You can modify the icon size with 6 classes. Also, you can add color and position classes.
8
12
16
24
32
48
HTML
8
12
16
24
32
48
Size 16 is normal size (16px)
Name classes don't change with flags.
Position
If you add your icon with text, you can add a little margin between text and icon. Also, you can combine position classes with color an size classes.
If you add your icon first, and then the text, you have to add icon--left class.
If you add your text and then your icon, you have to add icon--right class.
Icon Left
My text after the icon
Icon Right
My text first
HTML
Left
My text after icon
Right
My text before icon
Name classes not change with flags, they are icon--left and icon--right always.
Quotations
Short Quotation Left
Lorem ipsum dolor sit amet, consectetur adipisHereng elit. Vero, rem, offHereis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, rem, officiis. Mollitia impedit tempora et maxime, atque hic aperiam sit ab earum aut recusandae tempore amet obcaecati vitae minus reHereendis odio sequi quisquam ipsum? Corporis velit pariatur sapiente beatae nesciunt quos, facere animi hic temporibus molestias rerum provident optio. Repellendus, praesentium, est! Quasi iste natus illum sunt deserunt animi minus ullam recusandae vel cumque necessitatibus nam iure dolorem ex odio quo odit non reHereendis esse unde offHereis dignissimos, assumenda nostrum quas. Itaque doloremque molestiae alias laborum tempore maxime quidem. Soluta molestiae eaque consequuntur, labore earum, tempora nemo dolorem fugiat porro.
HTML
Text
Text
Text
Short Quotation Right
Lorem ipsum dolor sit amet, consectetur adipisHereng elit. Vero, rem, offHereis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, rem, officiis. Mollitia impedit tempora et maxime, atque hic aperiam sit ab earum aut recusandae tempore amet obcaecati vitae minus reHereendis odio sequi quisquam ipsum? Corporis velit pariatur sapiente beatae nesciunt quos, facere animi hic temporibus molestias rerum provident optio. Repellendus, praesentium, est! Quasi iste natus illum sunt deserunt animi minus ullam recusandae vel cumque necessitatibus nam iure dolorem ex odio quo odit non reHereendis esse unde offHereis dignissimos, assumenda nostrum quas. Itaque doloremque molestiae alias laborum tempore maxime quidem. Soluta molestiae eaque consequuntur, labore earum, tempora nemo dolorem fugiat porro.
HTML
Text
Text
Text
Short Quotation Center
Lorem ipsum dolor sit amet, consectetur adipisHereng elit. Vero, rem, offHereis.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, rem, officiis.
Mollitia impedit tempora et maxime, atque hic aperiam sit ab earum aut recusandae tempore amet obcaecati vitae minus reHereendis odio sequi quisquam ipsum? Corporis velit pariatur sapiente beatae nesciunt quos, facere animi hic temporibus molestias rerum provident optio. Repellendus, praesentium, est! Quasi iste natus illum sunt deserunt animi minus ullam recusandae vel cumque necessitatibus nam iure dolorem ex odio quo odit non reHereendis esse unde offHereis dignissimos, assumenda nostrum quas. Itaque doloremque molestiae alias laborum tempore maxime quidem. Soluta molestiae eaque consequuntur, labore earum, tempora nemo dolorem fugiat porro.
HTML
Text
Text
Text
Long Quotation Left
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, rem, officiis.
Person cited source
HTML
Text
Long Quotation Right
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, rem, officiis.
Person cited source
HTML
Text
Image boxes
You must use this wrapper when you add an image to your article to make sure it's responsive and laying out correctly. Combine the different modifiers to achieve the desired appearance!
🚔 Heads up! For better performances, we load our images using lazy-loading.
For this, we add the url of the images in a data-src attribute (instead of the default src). In some cases, that can lead to some 404 errors.
That can be easily solved in the configuration of the text processor. Ask your favourite Service Engineer for support if you need help.
Left
lazy cat
Cats are particularily lazy people.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Caption
Center
lazy cat
Cats are particularily lazy people.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Caption
Right
lazy cat
Cats are particularily lazy people.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Caption
No border left
lazy cat
Cats are particularily lazy people.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Caption
No border center
lazy cat
Cats are particularily lazy people.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Caption
No border right
lazy cat
Cats are particularily lazy people.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Caption
Double
If you want to display two adjacent images, use the double class.
lazy catlazy dog
Cats are known for their laziness, but dogs can be quite lazy too.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Cats are known for their laziness, but dogs can be quite lazy too.
No caption
Simply don't add the figcaption tag.
lazy cat
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
Caption centered
To center the caption you have to add figcaption--center class.
lazy cat
Cats are particularily lazy people.
Laziness (also known as indolence) is disinclination to activity or exertion despite having the ability to act or to exert oneself. It is often used as a pejorative; terms for a person seen to be lazy include "couch potato", "slacker", and "bludger".
One of the Catholic seven deadly sins is sloth, which is often defined as spiritual and/or physical apathy or laziness. Sloth is discouraged in (Hebrews 6:12), 2 Thessalonians, and associated with wickedness in one of the parables of Jesus in the Gospel of Matthew (Matthew 25:26). In the Wisdom books of Proverbs and Ecclesiastes, it is stated that laziness can lead to poverty (Proverbs 10:4, Ecclesiastes 10:18). According to Peter Binsfeld's Binsfeld's Classification of Demons, Belphegor is thought to be its chief demon.
HTML
your text
Formatting Text
Colors
You only have to add class into your text tag ( span, p, h1, h2, h3 ...)
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Cupiditate quae ipsa, eum consequuntur ipsum est tempora, recusandae mollitia. Impedit soluta,
libero a nobis repellendus excepturi fugit repellat accusamus nisi velit.
HTML
Text
Text
Sizes
XS inside normal text
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
XL inside normal text
Impedit soluta, voluptatem, harum mollitia odio animi earum sapiente nesciunt sint blanditiis vero.
HTML
TextText
Styles
Bold (tel)
Higlhighted
Deleted
Underlined
Small
Mention
Emphasis
Abbreviation (definition on hover)
Bold (tel)
You can bold your text in 2 ways: adding a class or a tag
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
HTML
Text
Your text
Your text
Highlighted
If you want to add more than 1 word, you have to add & nbsp; (without spaces between & and nbsp) instead of a space.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem architecto, cupiditate molestiae nostrum delectus animi vitae nihil in porro dolorum.
HTML
TextText Text2
Striked
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem architecto, cupiditate molestiae nostrum delectus animi vitae nihil in porro dolorum.
HTML
Text
Underlined
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem architecto, cupiditate molestiae nostrum delectus animi vitae nihil in porro dolorum.
HTML
Text
Small
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem architecto, cupiditate molestiae nostrum delectus animi vitae nihil in porro dolorum.
HTML
Text
Mention
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam sed exercitationem nesciunt recusandae, neque facilis. Learn more
HTML
Text
Emphasis
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem architecto, cupiditate molestiae nostrum delectus animi vitae nihil in porro dolorum.
HTML
Text
Abbreviation
C.P.U.
HTML
C.P.U.
Alignment
Add any of the following modifiers to change the alignment of a text:
Left alignment (default)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quae ipsa, eum consequuntur ipsum est tempora, recusandae mollitia. Impedit soluta, libero a nobis repellendus excepturi fugit repellat accusamus nisi velit voluptatem, harum mollitia odio animi earum sapiente nesciunt sint blanditiis vero.
Centered alignment
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quae ipsa, eum consequuntur ipsum est tempora, recusandae mollitia. Impedit soluta, libero a nobis repellendus excepturi fugit repellat accusamus nisi velit voluptatem, harum mollitia odio animi earum sapiente nesciunt sint blanditiis vero.
Right alignment
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quae ipsa, eum consequuntur ipsum est tempora, recusandae mollitia. Impedit soluta, libero a nobis repellendus excepturi fugit repellat accusamus nisi velit voluptatem, harum mollitia odio animi earum sapiente nesciunt sint blanditiis vero.
HTML
Text
Text
Text
Tables
Basic table
Basic code with no modifiers.
Tarifs Option Base vs. Option HP/HC
Puissance du compteur Abonnement annuel (Base) Prix du kWh (Base) Abonnement annuel (HP/HC) Prix du kWh (HP) Prix du kWh (HC)
3 kVA 102.18€ 0.1439€ / / /
6 kVA 126.55€ 0.1439€ 137.83€ 0.1656€ 0.1247€
9 kVA 150.80€ 0.1475€ 170.18€ 0.1656€ 0.1247€
12 kVA 175.04€ 0.1475€ 200.76€ 0.1656€ 0.1247€
Tarifs TTC à jour au 1er Septembre 2020.
HTML
Caption
Legend
Wrappers
You have to think mobile-first, and tables are a tricky element on narrow devices. Depending on the behaviour you expect from your table on small devices, you will choose one of the following wrappers:
Table swap
Table swap-cols
Table responsive
Table collapse
Table swap
Write your table HTML code the usual way. A JS function will read each table with table--swap class and build a "mobile version" the following way:
Each row of the original table will be turned into a table body
Each original cell will be turned into a row
The left column will repeat the content of the table head in each resulting body
The right column will list the corresponding content of the original table body
🧐 Important: To make the programatic iteration possible, the original table must include a thead and must not contain either colspan or rowspan attributes. If these two conditions are not respected, the JS will simply turn the table into a classic table--responsive as a fallback.
Desktop
Tarifs Option Base vs. Option HP/HC
Puissance du compteur Abonnement annuel (Base) Prix du kWh (Base) Abonnement annuel (HP/HC) Prix du kWh (HP) Prix du kWh (HC)
3 kVA 11€ 12€ 13€ 14€ 15€
6 kVA 21€ 22€ 23€ 24€ 25€
9 kVA 31€ 32€ 33€ 34€ 35€
12 kVA 41€ 42€ 43€ 44€ 45€
Tarifs TTC à jour au 1er Septembre 2020.
Mobile
Tarifs Option Base vs. Option HP/HC
Puissance du compteur 3kVA
Abonnement annuel (Base) 11€
Prix du kWh (Base) 12€
Abonnement annuel (HP/HC) 13€
Prix du kWh (HP) 14€
Prix du kWh (HC) 15€
Puissance du compteur 6kVA
Abonnement annuel (Base) 21€
Prix du kWh (Base) 22€
Abonnement annuel (HP/HC) 23€
Prix du kWh (HP) 24€
Prix du kWh (HC) 25€
Puissance du compteur 9kVA
Abonnement annuel (Base) 31€
Prix du kWh (Base) 32€
Abonnement annuel (HP/HC) 33€
Prix du kWh (HP) 34€
Prix du kWh (HC) 35€
Puissance du compteur 12kVA
Abonnement annuel (Base) 41€
Prix du kWh (Base) 42€
Abonnement annuel (HP/HC) 43€
Prix du kWh (HP) 44€
Prix du kWh (HC) 45€
HTML
Caption
Note: this JS function will work only if the device width is matched (less than 576px), so in this documentation we just show the resulting code.
Table swap-cols
As for the default swap, write your table HTML code the usual way. A JS function will read each table with table--swap-cols class and build a "mobile version" the following way:
Each column of the original table will be turned into a table bodyexcept the first
Each original cell will be turned into a row
The left column will repeat the content of the former table's first column in each resulting body
The right column will list the corresponding content of the original table body
🧐 Important: To make the programatic iteration possible, the original table must not contain either colspan or rowspan attributes. If that conditions is not respected, the JS will simply turn the table into a classic table--responsive as a fallback.
Desktop
Tarifs Option Base vs. Option HP/HC
Puissance du compteur Abonnement annuel (Base) Prix du kWh (Base) Abonnement annuel (HP/HC) Prix du kWh (HP) Prix du kWh (HC)
3 kVA 11€ 12€ 13€ 14€ 15€
6 kVA 21€ 22€ 23€ 24€ 25€
9 kVA 31€ 32€ 33€ 34€ 35€
12 kVA 41€ 42€ 43€ 44€ 45€
Tarifs TTC à jour au 1er Septembre 2020.
Mobile
Tarifs Option Base vs. Option HP/HC
Puissance du compteur Abonnement annuel (Base)
3kVA 11€
6kVA 21€
9kVA 31€
12kVA 41€
Puissance du compteur Prix du kWh (Base)
3kVA 12€
6kVA 22
9kVA 32€
12kVA 42€
Puissance du compteur Abonnement annuel (HP/HC)
3kVA 13€
6kVA 23€
9kVA 33€
12kVA 43€
Puissance du compteur Prix du kWh (HP)
3kVA 14€
6kVA 24€
9kVA 34€
12kVA 44€
Puissance du compteur Prix du kWh (HC)
3kVA 15€
6kVA 25€
9kVA 35€
12kVA 45€
HTML
Caption
🚨Heads up! The swap function will work only on tables without colspans and rowspans. Else, it will just turn it into table--responsive.
Table responsive
Your table will simply be contained in a wrapper as wide as the screen, with an horizontal scroll.
Before
Lorem ipsum. Lorem. Lorem. Lorem. Lorem.
Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor.
Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor.
After
Lorem ipsum. Lorem. Lorem. Lorem. Lorem.
Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor.
Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor.
HTML
À quel moment changer d'opérateur ?
Type de contrat
Frais de résiliation en cas de rupture anticipée
Contrat à durée déterminée (sans engagement)
Gratuit
Contrat à durée indéterminée (avec engagement)
Après 6 mois : gratuit
Avant 6 mois : au maximum égal aux frais d'abonnement encore dus jusqu'à 6 mois
Abonnement avec smartphone (avec engagement)
Égal à la valeur résiduelle de l'appareil (voir tableau d'amortissement fourni)
