epfl-theme-elements
Version:
EPFL Web 2018 Styleguide based on elements
42 lines (41 loc) • 2.14 kB
HTML
<div class="footer-light-socials">
<p class="footer-title footer-title-no-underline">Suivre les pulsations de l'EPFL sur les réseaux sociaux</p>
<ul class="social-icon-list list-inline">
<li>
<a href="https://www.facebook.com/epflcampus" class="social-icon social-icon-facebook social-icon-negative" rel="noopener" target="_blank">
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-facebook"></use></svg>
<span class="sr-only">Suivez-nous sur Facebook.</span>
</a>
</li>
<li>
<a href="https://instagram.com/epflcampus" class="social-icon social-icon-instagram social-icon-negative" rel="noopener" target="_blank">
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-instagram"></use></svg>
<span class="sr-only">Suivez-nous sur Instagram.</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/school/epfl/" class="social-icon social-icon-linkedin social-icon-negative" rel="noopener" target="_blank">
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-linkedin"></use></svg>
<span class="sr-only">Suivez-nous sur LinkedIn.</span>
</a>
</li>
<li>
<a href="https://social.epfl.ch/@epfl/" class="social-icon social-icon-mastodon social-icon-negative" rel="noopener" target="_blank">
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-mastodon"></use></svg>
<span class="sr-only">Suivez-nous sur Mastodon.</span>
</a>
</li>
<li>
<a href="https://x.com/epfl" class="social-icon social-icon-x social-icon-negative" rel="noopener" target="_blank">
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-x"></use></svg>
<span class="sr-only">Suivez-nous sur X.</span>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/epflnews" class="social-icon social-icon-youtube social-icon-negative" rel="noopener" target="_blank">
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-youtube"></use></svg>
<span class="sr-only">Suivez-nous sur Youtube.</span>
</a>
</li>
</ul>
</div>