<div class="p-5" class="container">
  <div style="text-align: center;">
    <h3 style="font-family: serif; color:#183693;">Current Time</h3><br>
    <div style="font-size: 50px; font-family: serif; color:#91412a;" id="txt"></div>
    <div>
      <p style="font-size: 20px; font-family: serif; color:#031e02;" id="demo"></p>
    </div>
    <div>
      <h1 style="font-family:sans-serif; font-weight:bold; color: #183693;">Welcome To <span
          style="color: #91412a;">Admin</span> - Dashboard</h1>
    </div>

  </div>
  <script>
    function startTime() {
      const today = new Date();
      let h = today.getHours();
      let m = today.getMinutes();
      let s = today.getSeconds();
      m = checkTime(m);
      s = checkTime(s);
      document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
      setTimeout(startTime, 1000);
    }

    function checkTime(i) {
      if (i < 10) { i = "0" + i };  // add zero in front of numbers < 10
      return i;
    }
  </script>

  <script>
    const d = new Date();
    document.getElementById("demo").innerHTML = d;
  </script>