diff --git a/app.js b/app.js
index e69de29..1a7c52d 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..8f75886
--- /dev/null
+++ b/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ Smartwatch-ui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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..2e2f258 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;
+ }