demo.html 1.5 KB

123456789101112131415161718192021222324252627282930
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <title>Fuentes tipográficas</title>
  6. <link href="dist/css/libresocial.css" rel="stylesheet"/>
  7. </head>
  8. <body>
  9. <div class="sociales">
  10. <a class="copyleft" href="#"><i class="icon-copyleft"></i></a>
  11. <a class="diaspora" href="#"><i class="icon-diaspora"></i></a>
  12. <a class="friendica" href="#"><i class="icon-friendica"></i></a>
  13. <a class="gitlab" href="#"><i class="icon-gitlab"></i></a>
  14. <a class="gnusocial" href="#"><i class="icon-gnusocial"></i></a>
  15. <a class="hubzilla" href="#"><i class="icon-hubzilla"></i></a>
  16. <a class="liberapay" href="#"><i class="icon-liberapay"></i></a>
  17. <a class="libregit" href="#"><i class="icon-libregit"></i></a>
  18. <a class="mastodon" href="#"><i class="icon-mastodon"></i></a>
  19. <a class="matrix" href="#"><i class="icon-matrix"></i></a>
  20. <a class="mediagoblin" href="#"><i class="icon-mediagoblin"></i></a>
  21. <a class="notabug" href="#"><i class="icon-notabug"></i></a>
  22. <a class="peertube" href="#"><i class="icon-peertube"></i></a>
  23. <a class="pixelfed" href="#"><i class="icon-pixelfed"></i></a>
  24. <a class="pump" href="#"><i class="icon-pump"></i></a>
  25. <a class="tox" href="#"><i class="icon-tox"></i></a>
  26. <a class="xmpp" href="#"><i class="icon-xmpp"></i></a>
  27. </div>
  28. </body>
  29. </html>