clocks.html

<!doctype html>
<head>
  <style type="text/css">
    * { box-sizing: border-box; margin: 0; padding: 0;}
    .clockContainer { width: 600px; padding: 15px 0; }
    .clockNode, .projectionNode { display: inline-block;width: 50%;vertical-align: middle;padding: 0 5px; }
    .clockNode canvas { width: 100%; }
    .clockNode select { width: 100%; }
    .projectionNode input { width: 100%; font-size: 15px;}
  </style>
</head>
<html>
<body>
  <script src="moment-with-locales.min.js"></script>
  <script src="moment-timezone-with-data.min.js"></script>
  <script src="clock.js"></script>
</body>
</html>