Social Buttons

<!-- Social Icon (Style 1) -->
<a class="social-btn sb-style-1 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon Light Skin (Style 1) -->
<a class="social-btn sb-style-1 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon (Style 2) -->
<a class="social-btn sb-style-2 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon Light Skin (Style 2) -->
<a class="social-btn sb-style-2 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon (Style 3) -->
<a class="social-btn sb-style-3 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon Light Skin (Style 3) -->
<a class="social-btn sb-style-3 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon (Style 4) -->
<a class="social-btn sb-style-4 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon Light Skin (Style 4) -->
<a class="social-btn sb-style-4 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon (Style 5) -->
<a class="social-btn sb-style-5 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon Light Skin (Style 5) -->
<a class="social-btn sb-style-5 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon (Style 6) -->
<a class="social-btn sb-style-6 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon Light Skin (Style 6) -->
<a class="social-btn sb-style-6 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon (Style 7) -->
<a class="social-btn sb-style-7 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>

<!-- Social Icon Light Skin (Style 7) -->
<a class="social-btn sb-style-7 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
  <i class="socicon-facebook"></i>
</a>