index.html

<!-- Created by Frankenstein ⚡⚡ -->

<!DOCTYPE html>
<html>
  <head>
	<title>Clock</title>
	<meta charset="utf-8" />
	<meta name="theme-color" content="#222" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> 
       <link rel="stylesheet" href="style.css">
  </head>

  <body>
      <div id="color">
             <canvas></canvas>
        </div>
   
	<div id="clock-wrapper">
	  <div id="clock-center"></div>
	  <div id="clock-second"></div>
	  <div id="clock-minute"></div>
	  <div id="clock-hour"></div>
	  <div id="inner-circle"></div>
	  <span class="displayed-digits">12</span>
	  <span class="displayed-digits">3</span>
	  <span class="displayed-digits">6</span>
	  <span class="displayed-digits">9</span>
	  <span id="am-pm">AM</span>
	</div>
	<div id="my-name"> - Frankenstein⚡⚡ </div>
      
      <script src="script.js"></script>
      <script src="multi-color.js"></script>
  </body>
</html>