title: my icons are not redirecting to the right page
body: <p>for some reason when I click on the icon it doesn't redirect to the right page</p>
  <p>demo: <a href="https://jsfiddle.net/m7z40ewt/" rel="nofollow noreferrer">https://jsfiddle.net/m7z40ewt/</a></p>
  <pre><code>  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css&quot; 
    integrity=&quot;sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==&quot; crossorigin=&quot;anonymous&quot; referrerpolicy=&quot;no-referrer&quot; /&gt;
  
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&quot;&gt;
    
    &lt;a href=&quot;https://www.researchgate.net/&quot;&gt;&lt;i class=&quot;fab fa-researchgate&quot; style=&quot;font-size:28px; color:#04d7aa; position: absolute; bottom: 0; left: 0; padding-left: 207px; padding-bottom: 11px;&quot;&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;a href=&quot;https://www.youtube.com/&quot;&gt;&lt;i class=&quot;fa fa-youtube-play&quot; style=&quot;font-size:30px; color:red; position: absolute; bottom: 0; left: 0; padding-left: 240px; padding-bottom: 10px;&quot;&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;a href=&quot;https://www.facebook.com/&quot;&gt;&lt;i class=&quot;fa fa-facebook-official&quot; style=&quot;font-size:25px; color:#2c61a0; position: absolute; bottom: 0; left: 0; padding-left: 280px; padding-bottom: 13px;&quot;&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>