diff --git a/css/buttons.css b/css/buttons.css
index 693c8a3..8686e3e 100644
--- a/css/buttons.css
+++ b/css/buttons.css
@@ -126,4 +126,22 @@
 /* James K Jose */
 .jkj {
   background-color: #f79533;
-}
\ No newline at end of file
+}
+/* Dheeraj Gandhi */
+.dheeraj {
+  border-radius: 4px;
+  border: none;
+  color: #ffffff;
+  text-align: center;
+  font-size: 28px;
+  padding: 20px;
+  width: 200px;
+  text-shadow: none;
+  background-color: rgb(2, 2, 92);
+  transition: 0.5s;
+}
+.dheeraj:hover {
+  box-shadow: rgb(8, 1, 77) 0 0 20px 2px;
+  font-size: 30px;
+  text-shadow: 0px 0px 10px white;
+}
diff --git a/pages/buttons.html b/pages/buttons.html
index 9ab0bd2..da5f2b0 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -171,6 +171,40 @@ <h2>
           </div>
         </div>
       </div>
+       <!--        Dheeraj Gandhi   -->
+      <div class="row">
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+              <div class="card-title dheeraj">
+                <strong>Button</strong>
+              </div>
+              <div class="card-content">
+                <button class="dheeraj">Click Here</button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+              <div class="card-title dheeraj">
+                <strong>Creator</strong>
+              </div>
+              <div class="card-content">
+                <div class="creater-name">
+                  <h2>
+                    <b>Name:</b><span>
+                      <a href="https://github.com/dheerajgandhi9">Dheeraj Gandhi</a>
+                    </span>
+                  </h2>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <!-- James K Jose -->
       <div class="row">
         <div class="col-lg-6">
@@ -212,4 +246,4 @@ <h2>
   <script src="../js/index.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>