diff --git a/app.js b/app.js
index 20ed151..3a0706d 100644
--- a/app.js
+++ b/app.js
@@ -1 +1,3 @@
-alert("Test")
+function getTimes(city, countryCode){
+
+}
diff --git a/index.html b/index.html
index c9665e3..9d23130 100644
--- a/index.html
+++ b/index.html
@@ -8,13 +8,14 @@
     <h1>Get Praying Times Anywhere </h1>
     <div class="block">
       <label class="city_label">Enter Your City Name</label>
-      <input class="city">
+      <input id="city">
     </div>
     <div class="block">
       <label class="code_label">Enter The Country Code</label>
-      <input class="code">
+      <input id="code">
     </div>
     <div class="show"> 
+      <button id="getTimes">Get Times</button>
       <h3>Here is the praying times of <span id="show_city"> </span>and </h3><span id="show_country"> </span>
     </div>
   </body>
diff --git a/index.pug b/index.pug
index 29de5d4..cd06a23 100644
--- a/index.pug
+++ b/index.pug
@@ -8,11 +8,12 @@ html
 
     .block
       label.city_label Enter Your City Name
-      input.city  
+      input#city  
     .block
       label.code_label Enter The Country Code
-      input.code
+      input#code
     .show 
+      button#getTimes Get Times
       h3 Here is the praying times of 
         span#show_city 
         | and 
diff --git a/style.css b/style.css
index e200232..4e56263 100644
--- a/style.css
+++ b/style.css
@@ -29,4 +29,13 @@ label {
   margin: 10px 0;
 }
 
+button {
+  padding: 10px 20px;
+  background-color: #998768;
+  border: none;
+  border-radius: 5px;
+  width: max(220px, 100%);
+  margin: 20px auto;
+}
+
 /*# sourceMappingURL=style.css.map */
diff --git a/style.css.map b/style.css.map
index 420f9f8..5ef72a7 100644
--- a/style.css.map
+++ b/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AACF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AACF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA","file":"style.css"}
\ No newline at end of file
diff --git a/style.sass b/style.sass
index ff7836e..b166939 100644
--- a/style.sass
+++ b/style.sass
@@ -21,3 +21,11 @@ input
 label
   display: block
   margin: 10px 0
+
+button 
+  padding: 10px 20px
+  background-color: #998768;
+  border: none
+  border-radius: 5px
+  width: max(220px, 100%)
+  margin: 20px auto