Ada-C9 · wf1101 · May 19, 2018 · May 21, 2018
diff --git a/index.css b/index.css
@@ -1,16 +1,5 @@
 body {
-    background-color: #80d4ea;
-}
-
-#clock {
-    height: 100px;
-    width: 800px;
-    margin: auto;
-    position: absolute;
-    top: 0; left: 0; bottom: 0; right: 0;
-    padding-top: 70px;
-    font-family: courier, monospace;
-    text-align: center;
-    color: white;
-    font-size: 100px;
-}
+    background: linear-gradient(rgb(202, 233, 190), rgb(4, 136, 38));
+    height: 1000px;
+		font-size: 2rem;
+};
diff --git a/index.html b/index.html
@@ -1,14 +1,32 @@
 <!DOCTYPE html>
 <html>
-  <head>
-      <title>Clock Tower</title>
-      <meta charset="utf-8">
-      <link href="index.css" media="screen" rel="stylesheet" type="text/css"/>
-  </head>
-
-  <body>
-      <div id='clock'></div>
-  </body>
-</html>
+<head>
+  <title>Clock Tower</title>
+  <meta charset="utf-8">
+  <link href="index.css" media="screen" rel="stylesheet" type="text/css"/>
+</head>
+
+<body>
+  <header>
+    <h1>World Clock</h1>
+		<h5>Click city to see local time</h5>
+  </header>
+  <ul id="city-list">
+  <li id="seattle">Seattle</li>
+	<div id="seattle-clock"></div>
+  <li id="london">London</li>
+	<div id="london-clock"></div>
+	<li id="beijing">Beijing</li>
+
+	<div id="beijing-clock"></div>
 
-<script src="index.js"></script>
+  </ul>
+
+
+  <script
+  src="https://code.jquery.com/jquery-3.3.1.js"
+  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
+  crossorigin="anonymous"></script>
+  <script src="index.js"></script>
+</body>
+</html>
diff --git a/index.js b/index.js
@@ -1 +1,36 @@
-// Your code here
+// // Your code here
+
+const timeBuilder = () => {
+	let newDate = new Date();
+	let date = newDate.toString();
+  $('#seattle-clock').html(date);
+};
+
+const londonTime = () => {
+	let newDate = new Date();
+  let date = newDate.toUTCString();
+
+  $('#london-clock').html(date);
+};
+
+const beijingTime = () => {
+	let date = new Date();
+  let newDate = new Date(date.getTime() + (date.getTimezoneOffset() * 128570 ));
+
+  $('#beijing-clock').html(newDate);
+};
+
+
+$(document).ready( () => {
+  $('#seattle').click( () => {
+     setInterval(timeBuilder, 1000);
+  });
+
+	$('#london').click( () => {
+		setInterval(londonTime, 1000);
+	})
+
+	$('#beijing').click( () => {
+		setInterval(beijingTime, 1000);
+	})
+})
diff --git a/node_modules/moment-timezone/.idea/codeStyleSettings.xml b/node_modules/moment-timezone/.idea/codeStyleSettings.xml
diff --git a/node_modules/moment-timezone/.idea/inspectionProfiles/Project_Default.xml b/node_modules/moment-timezone/.idea/inspectionProfiles/Project_Default.xml
diff --git a/node_modules/moment-timezone/.idea/modules.xml b/node_modules/moment-timezone/.idea/modules.xml
diff --git a/node_modules/moment-timezone/.idea/moment-timezone.iml b/node_modules/moment-timezone/.idea/moment-timezone.iml
diff --git a/node_modules/moment-timezone/.idea/vcs.xml b/node_modules/moment-timezone/.idea/vcs.xml