diff --git a/css/cardcolor.css b/css/cardcolor.css
index 3e0f393..43d46bf 100644
--- a/css/cardcolor.css
+++ b/css/cardcolor.css
@@ -25,3 +25,8 @@
 .roncy {
   background-color: #a287f4;
 }
+
+.diya {
+  background-color: #7D1C32;
+}
+  
diff --git a/pages/buttons.html b/pages/buttons.html
index bd5be0b..15105b7 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -172,6 +172,39 @@ <h2>
         </div>
       </div>
     </div>
+      <!-- Diya Thomas -->
+      <div class="row">
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+              <div class="card-title diya">
+                <strong>Button</strong>
+              </div>
+              <div class="card-content">
+                <button class="button diya"><span>Hover</span></button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+              <div class="card-title diya">
+                <strong>Creator</strong>
+              </div>
+              <div class="card-content">
+                <div class="creater-name">
+                  <h2>
+                    <b>Name:</b><span>
+                      <a href="https://github.com/diya2176">Diya Thomas</a>
+                    </span>
+                  </h2>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>	
   </section>
   <footer>
     <p>made with 💛 by, <br /><strong>CS CHAPTER AJCESB</strong></p>
diff --git a/pages/dropdown.html b/pages/dropdown.html
index 335c58b..7037ef9 100644
--- a/pages/dropdown.html
+++ b/pages/dropdown.html
@@ -46,7 +46,7 @@ <h3>Add your different dropdowns</h3>
     <section class="items">
       <div class="container-fluid">
         <!--          your name     -->
-        <!-- Ruben Abraham Shibu -->
+        <!-- DIYA MEREEN THOMAS-->
         <!-- Add your html content that you have copied from contributors.md along with you component -->
         <div class="row">
           <div class="col-lg-6">