Widget:Share

 Share this:

   <a id="x-share" href="#" target="_blank"
      style="display:flex; align-items:center; justify-content:center; width:50px; height:50px; border:1px solid #000; border-radius:50%; padding:4px; transition: transform 0.2s;">
     <img src="https://www.highereduspot.com/images/a/a5/X.png" alt="X" style="width:30px; height:30px;">
   </a>
   <a id="fb-share" href="#" target="_blank"
      style="display:flex; align-items:center; justify-content:center; width:50px; height:50px; border:1px solid #000; border-radius:50%; padding:4px; transition: transform 0.2s;">
     <img src="https://www.highereduspot.com/images/5/55/Facebook.png" alt="Facebook" style="width:30px; height:30px;">
   </a>
   <a id="linkedin-share" href="#" target="_blank"
      style="display:flex; align-items:center; justify-content:center; width:50px; height:50px; border:1px solid #000; border-radius:50%; padding:4px; transition: transform 0.2s;">
     <img src="https://www.highereduspot.com/images/1/1a/Linkedin.png" alt="LinkedIn" style="width:30px; height:30px;">
   </a>
   <a id="email-share" href="#" target="_blank"
      style="display:flex; align-items:center; justify-content:center; width:50px; height:50px; border:1px solid #000; border-radius:50%; padding:4px; transition: transform 0.2s;">
     <img src="https://www.highereduspot.com/images/5/5c/Email.png" alt="E-mail" style="width:30px; height:30px;">
   </a>

 var interval = setInterval(function() {
   if(document.getElementById('fb-share')) {
     clearInterval(interval);
     var url = encodeURIComponent(window.location.href);
     var title = encodeURIComponent(document.title);

     document.getElementById('x-share').href = "https://twitter.com/intent/tweet?url=" + url + "&text=" + title;
     document.getElementById('fb-share').href = "https://www.facebook.com/sharer/sharer.php?u=" + url;
     document.getElementById('email-share').href = "mailto:?subject=" + title + "&body=Check out this page: " + url;
     document.getElementById('linkedin-share').href = "https://www.linkedin.com/shareArticle?mini=true&url=" + url + "&title=" + title;
   }
 }, 100);

})(); </script>

<style>

 #x-share:hover, #fb-share:hover, #email-share:hover, #linkedin-share:hover {
   transform: scale(1.2);
 }

</style>