diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..c50ff38
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1 @@
+theme: jekyll-theme-merlot
\ No newline at end of file
diff --git a/app.js b/app.js
index e69de29..8c8356c 100644
--- a/app.js
+++ b/app.js
@@ -0,0 +1,29 @@
+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);
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..426c952
--- /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..b2fa307 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,84 @@
+*{
+ 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;
+}
\ No newline at end of file