diff --git a/app.js b/app.js
index e69de29..8586ba6 100644
--- a/app.js
+++ b/app.js
@@ -0,0 +1,31 @@
+var days = [
+ "Sunday",
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday",
+];
+var setTime = setInterval(showtime, 1000);
+
+function showtime() {
+ var today = new Date();
+ var hours = today.getHours();
+ var minutes = today.getMinutes();
+ var day = today.getDay();
+
+ if (hours < 10) {
+ hours = `0${hours}`;
+ }
+
+ if (minutes < 10) {
+ minutes = `0${minutes}`;
+ }
+
+ toptime.innerHTML = hours + ":" + minutes;
+ middletime.innerHTML = hours + ":" + minutes;
+ daydisplay.innerHTML = days[day];
+}
+
+setInterval(time, 1000);
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a624879
--- /dev/null
+++ b/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ Smartwatch-ui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index.js b/index.js
deleted file mode 100644
index e69de29..0000000
diff --git a/style.css b/style.css
index e69de29..5f53f7b 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,82 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+html,
+body {
+ height: 98%;
+ width: 100%;
+
+ background: black;
+}
+.container {
+ display: flex;
+ height: 100%;
+ margin-top: 20px;
+}
+.left {
+ width: 50%;
+ background-color: rgb(43, 46, 56);
+ margin-bottom: 10px;
+}
+.right {
+ width: 50%;
+ background-color: white;
+ margin-bottom: 10px;
+}
+.text {
+ position: relative;
+ top: 285px;
+ left: 150px;
+ font-size: 4rem;
+ font-weight: 800;
+ color: white;
+ font-family: "Times New Roman", Times, serif;
+}
+
+.clock {
+ height: 340px;
+ width: 270px;
+ top: 140px;
+ left: 230px;
+ background: black;
+ border-radius: 15%;
+ border-top: 25px solid grey;
+ border-bottom: 25px solid grey;
+ color: white;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+}
+.clock h4 {
+ text-align: center;
+ margin-top: 15px;
+}
+.centertime {
+ text-align: center;
+ position: relative;
+ top: 10%;
+ font-size: 1.5rem;
+ font-family: "Times New Roman", Times, serif;
+}
+.centertime h1 {
+ font-size: 5rem;
+}
+.image {
+ position: relative;
+ top: 90px;
+ display: flex;
+ justify-content: space-between;
+ margin: 0px 25px;
+}
+button {
+ background-color: transparent;
+ border: none;
+ outline: none;
+}
+.far,
+.fas {
+ color: white;
+ font-size: 25px;
+}