<div role="">
  <nav class="inf-border" aria-labelledby="toc-heading">
      <h3> Important Links </h3>
    <ul class="inf-patterns-list" id="list">

        <li> <a target="_blank" href="https://linkedin.com/in/yosafat-marselino-agus-739235a7"><span><i class="fa-brands fa-linkedin" aria-hidden="true"></i></span> LinkedIn </a></li>
        <li> <a target="_blank" href="https://scholar.google.com/citations?hl=en&user=pqn6fm0AAAAJ"><span><i class="fa-solid fa-graduation-cap" aria-hidden="true"></i></span>  Google Scholar </a></li>
        <li> <a target="_blank" href="https://www.researchgate.net/profile/Yosafat-Agus"><span><i class="fa-brands fa-researchgate" aria-hidden="true"></i></span>  Research Gate </a></li>
        <li> <a target="_blank" href="https://git.nnag.me"><span><i class="fa-solid fa-code-branch" aria-hidden="true"></i></span>  Codes </a></li>

    </ul>

  </nav>
</div>