Aide-mémoire

<div class="EncadreRouge">Ceci est mon activité</div>

<div class="EncadreVert">Ceci est mon activité</div>

<div class="EncadreBleu">Ceci est mon activité</div>

<div class="EncadreGris">Ceci est mon activité</div>

<div class="EncadreNoir">Ceci est mon activité</div>

<div class="FondRouge">Ceci est mon activité</div>

<div class="FondVert">Ceci est mon activité</div>

<div class="FondBleu">Ceci est mon activité</div>

<div class="FondGris">Ceci est mon activité</div>

<div class="FondNoir">Ceci est mon activité</div>

Les Icônes

Je choisis mon style : EncadreRouge, EncadreVert, EncadreBleu, EncadreGris, EncadreNoir, FondRouge, FondVert, FondBleu, FondGris, FondNoir puis mon icône.

Ici, pour l'exemple, EncadreRouge. Il suffit lors du copier-coller de remplacer "EncadreRouge" par le nom du style qui vous convient.

<div class="EncadreRouge"><i class="fa fa-book" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-plus-square-o" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-asterisk" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-bullhorn" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-comment-o" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-check-circle-o" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-envelope" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-gift" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-group" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-info" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-map-marker" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-pencil" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-star" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-tags" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-warning" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-bookmark" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-cogs" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-laptop" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-pencil" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge"><i class="fa fa-youtube-play" aria-hidden="true"></i> Ceci est mon activité</div>

Bonus: TexteCentre

Je choisis mon style : EncadreRouge, EncadreVert, EncadreBleu, EncadreGris, EncadreNoir, FondRouge, FondVert, FondBleu, FondGris, FondNoir puis UN ESPACE et TexteCentre.

Ici, pour l'exemple, EncadreRouge. Il suffit lors du copier-coller de remplacer "EncadreRouge" par le nom du style qui vous convient.

<div class="EncadreRouge TexteCentre"><i class="fa fa-youtube-play" aria-hidden="true"></i> Ceci est mon activité</div>

<div class="EncadreRouge TexteCentre">Ceci est mon activité</div>