Retrouve ci dessous le modèle de fiche pour les liens !

Code:

<center><link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet"><style>#fr{width:400px; text-align:justify; font-family:Arial; line-height:initial; color:black;} #fr1{width:400px; height:250px; opacity:1; border-radius: 10px 10px 0 0;} #fr1t{font-family:Abril Fatface; text-shadow: 0px 0px 1px white; text-transform:uppercase; font-size:60px;padding-top:110px; color:transparent; text-align:center;} #fr1st{font-family:Calibri; font-size:11px; color:white; opacity:0.7; text-transform:uppercase;margin-top:-12px; text-align:center; font-weight:bold;} #fr2{position:relative;top:-23px; border-top:5px solid #FCFCFC; border-bottom:8px solid #FCFCFC; height:5px; width:100%} #fr3{position:relative; top:-20px; background-color:#FCFCFC; padding: 0 15px 0 15px; width:370px;} frt{font-family:Abril Fatface; font-size:20px; line-height:160%; text-transform:uppercase;} frt::after{content:'|'; font-weight:bold; color:brown /* EDITER ICI LA COULEUR DES TRAITS */;} #fr hr{width:400px; position:relative; left:-15px;    border-color: #EBEAEA !important;} #fri{font-family:Calibri; font-size:11px; font-weight:bold; text-align:center; display:inline-block; width:100%; padding: 10px 0 3px 0;} .frc {font-family:Arial; font-size:9px; padding-bottom:10px;} #fr b {font-family:Calibri;font-weight:bold; font-size:11px;} .frli {display:table; height:60px; vertical-align:middle; margin-bottom:10px;} .frlia {width:60px; height:60px; border-radius:50px; filter:grayscale(100%) brightness(40%) saturate(120%); position:relative; display:table-cell; vertical-align:middle;} .frl {display:table-cell; vertical-align:middle;} .frlt {max-height:55px !important; overflow-y:auto; padding: 0 5px 0 10px; position:relative;text-align:justify;} .frcg {width:400px; font-family:Arial; font-size:8px; color:black; opacity:0.4; position:relative; top:-18px; text-align:right;} .frcg::after{content:'GASMASK';}</style><div id="fr"><div id="fr1" style="background: url(http://68.media.tumblr.com/210573df1cfc05047d067abefa47391d/tumblr_oec0m4ADH11qbb77eo1_500.gif) 50% 50% /* POSITION HORIZONTALE ET VERTICALE DE L'IMAGE */; background-size:auto 100% /* AUGMENTER OU DIMINUER LE % EN FONCTION DU ZOOM SOUHAITÉ (ET EVITER L'EFFET DE RÉPÉTITION) */;"><div id="fr1t">Prénom</div><div id="fr1st" style="letter-spacing:4px /* JOUER SUR VALEUR POUR CORRESPONDRE A LA LONGUEUR DU TITRE */">Un sous-titre court</div> </div><div id="fr2"></div><div id="fr3"><div id="fri">ÂGE | PROFESSION | GROUPE | INFO</div><hr><div class="frc" style="text-transform:uppercase; /* EFFACER POUR ENLEVER MAJUSCULES */"><frt>Resume </frt>
élément de l'histoire ● élément de l'histoire ● élément de l'histoire ● élément de l'histoire</div><hr><div class="frc" style="text-transform:uppercase; /* EFFACER POUR ENLEVER MAJUSCULES */"><frt>Looking for </frt>
<b>(M/F) Intitulé du lien ● </b> Lorem ipsum dolor sit amet
<b>(M/F) Intitulé du lien ● </b> Lorem ipsum dolor sit amet
<b>(M/F) Intitulé du lien ● </b> Lorem ipsum dolor sit amet</div><hr><div class="frc" style="text-transform:uppercase; /* EFFACER POUR ENLEVER MAJUSCULES */"><frt>Friends and Foes </frt><div class="frli"><div class="frlia" style="background:url('http://via.placeholder.com/100x100') 50% 50%; background-size:auto 100%;"></div>
<div class="frl"><div class="frlt"><b>PRÉNOM NOM ● LIEN </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim rhoncus, egestas arcu id, consectetur nisi. Nulla vel risus laoreet, imperdiet urna vitae, egestas erat. Suspendisse leo nulla, porta at elementum nec, rutrum non diam.</div></div></div><div class="frli"><div class="frl"><div class="frlt"><b>PRÉNOM NOM ● LIEN </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim rhoncus, egestas arcu id, consectetur nisi. Nulla vel risus laoreet, imperdiet urna vitae, egestas erat. Suspendisse leo nulla, porta at elementum nec, rutrum non diam.</div></div><div class="frlia" style="background:url('http://via.placeholder.com/100x100') 50% 50%; background-size:auto 100%;"></div></div><div class="frli"><div class="frlia" style="background:url('http://via.placeholder.com/100x100') 50% 50%; background-size:auto 100%;"></div><div class="frl"><div class="frlt"><b>PRÉNOM NOM ● LIEN </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim rhoncus, egestas arcu id, consectetur nisi. Nulla vel risus laoreet, imperdiet urna vitae, egestas erat. Suspendisse leo nulla, porta at elementum nec, rutrum non diam.</div></div></div><div class="frli"><div class="frl"><div class="frlt"><b>PRÉNOM NOM ● LIEN </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim rhoncus, egestas arcu id, consectetur nisi. Nulla vel risus laoreet, imperdiet urna vitae, egestas erat. Suspendisse leo nulla, porta at elementum nec, rutrum non diam.</div></div><div class="frlia" style="background:url('http://via.placeholder.com/100x100') 50% 50%; background-size:auto 100%;"></div></div><div class="frli"><div class="frlia" style="background:url('http://via.placeholder.com/100x100') 50% 50%; background-size:auto 100%;"></div><div class="frl"><div class="frlt"><b>PRÉNOM NOM ● LIEN </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim rhoncus, egestas arcu id, consectetur nisi. Nulla vel risus laoreet, imperdiet urna vitae, egestas erat. Suspendisse leo nulla, porta at elementum nec, rutrum non diam.</div></div></div><div class="frli"><div class="frl"><div class="frlt"><b>PRÉNOM NOM ● LIEN </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim rhoncus, egestas arcu id, consectetur nisi. Nulla vel risus laoreet, imperdiet urna vitae, egestas erat. Suspendisse leo nulla, porta at elementum nec, rutrum non diam.</div></div><div class="frlia" style="background:url('http://via.placeholder.com/100x100') 50% 50%; background-size:auto 100%;"></div></div><br><hr><div class="frc" style="text-transform:uppercase; /* EFFACER POUR ENLEVER MAJUSCULES */"><frt>Last Words </frt>
  Partie libre à compléter selon l'envie.</div></div></div></div><div class="frcg"></div></center>