shareable_2.html

<style>

  .sm-links {
    margin: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    /* display: flex; */
  }


  .sm-links li a {
    text-decoration: none;
  }

  .sm-links li a:hover {
    text-decoration: underline;
  }

  
</style>

<!-- <div class="container">
  <ul class="sm-links">
    <li>GitHub / <a href="https://github.com/janakmallik">janakmallik</a></li>
    <li>Twitter / <a href="https://twitter.com/janakmallik">janakmallik</a></li>
    <li>LinkedIn / <a href="https://www.linkedin.com/in/janakmallik/">janakmallik</a></li>
    <li>YouTube / <a href="https://www.youtube.com/@janakmallik">janakmallik</a></li>
  </ul>
</div> -->

<!-- time and date -->
<div class="container" style="margin-bottom: 100px;">
  <ul style="text-align: right">
    <li><span class="" id="time"></span></li>
    <li><span class="" id="date"></span></li>
  </ul>
</div>


<footer class="footer">
  <div class="container">
    <p>&copy; 2024 Janak Mallik. | <a href="https://github.com/janakmallik/janakmallik.github.io" target="_blank" class="blue-link">GitHub Repository for this site.</a></p>
  </div>
</footer>