What time is it for me?

by TravisNight

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="//widget.time.is/t.js"></script>
    <script>
    	time_is_widget.init({"24h":{id:"UTC-7_zU-420", time_format:"hours:minutes"},"12h":{id:"UTC-7_zU-420", time_format:"12hours:minutesAMPM"}});
    </script>
  </head>
  <body>
    <div id="body">
      It is currently <span id="24h"></span>
      <br />
      (or <span id="12h"></span>)
    </div>
    <div class="separator">&nbsp;</div>
    <div id="footer">
    Notes:
      <ul>
        <li>This code uses a widget from <a href="https://time.is" target="_blank">Time.is</a></li>
        <li>&nbsp;</li><li>&nbsp;</li>
        <li class="b">Refresh this tab to update the time.</li>
      </ul>
    </div>
  </body>
</html>

CSS

body
{
  background-color: #3b3b3b;
  color: #777;
}
div
{
  text-align: center;
}
ul
{
  list-style: none;
}
.b
{
  margin: auto;
  width: 40%;
  border-width: 1px;
  border-style: solid;
}