diff --git a/css/buttons.css b/css/buttons.css
index 505f4ae..ea1a7b1 100644
--- a/css/buttons.css
+++ b/css/buttons.css
@@ -127,7 +127,13 @@
 .jkj {
   background-color: #f79533;
 }
+
 /* Saksham Mahajan */
 .Saksham {
   background-color: #f69696;
+}
+
+/* Dilip K N */
+.dilip {
+  background-color: #7CDCFE;
 }
\ No newline at end of file
diff --git a/pages/buttons.html b/pages/buttons.html
index 4dff956..586063a 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -138,6 +138,43 @@ <h2>
           </div>
         </div>
       </div>
+
+      <!-- Dilip K N-->
+      <div class="row">
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+              <div class="card-title roncy">
+                <strong>Button</strong>
+              </div>
+              <div class="card-content">
+                <button class="button dilip"><span>Hover</span></button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+
+              <div class="card-title dilip">
+                <strong>Creator</strong>
+              </div>
+              <div class="card-content">
+                <div class="creater-name">
+                  <h2>
+                    <b>Name:</b><span>
+                      <a href="https://www.github.com/dilipkn007">Dilip K N</a>
+                    </span>
+                  </h2>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+
       <!-- Thejasree Kilari -->
       <div class="row">
         <div class="col-lg-6">