Icone social

<a href="#" class="social-icons si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
<a href="#" class="social-icons si-dark si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: Basta aggiungere la classe .si-dark a .social-icons per renderla scura 
<a href="#" class="social-icons si-light si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: basta aggiungere la classe .si-light a .social-icons per renderla chiara 
<a href="#" class="social-icons si-rounded si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: basta aggiungere la classe .si-rounded a .social-icons per renderla arrotondata 
<a href="#" class="social-icons si-dark si-rounded si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: Basta aggiungere la classe .si-dark e .si-rounded a .social-icons per renderla scura e arrotondata 
<a href="#" class="social-icons si-light si-rounded si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: basta aggiungere le classi .si-light e .si-rounded a .social-icons per renderle chiare e arrotondate 
<a href="#" class="social-icons si-borderless si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: Aggiungi semplicemente la classe .si-borderless a .social-icons per renderla senza bordi 
<a href="#" class="social-icons si-colored si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
<div class="alert alert-info"> <strong>Nota:</strong> basta aggiungere la classe <strong>.si-colored</strong> alle <strong>.social-icons</strong> per colorarle </div> <div class="divider divider-center"><i class="icon-circle"></i></div> <div class="col_full clearfix"> <h4>Icone piccole</h4> 
<a href="#" class="social-icons si-dark si-small si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: Basta aggiungere le classi .si-dark e .si-small a .social-icons per renderle scure e piccole

Icone grandi

<a href="#" class="social-icons si-dark si-large si-facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>
Nota: Basta aggiungere le classi .si-dark e .si-large a .social-icons per renderle scure e grandi

Pannello di condivisione

Condividi questo articolo:
Nota: Puoi combinare varie classi per far apparire le icone social secondo le tue esigenze. È completamente flessibile ed estendibile.