diff --git a/css/cardcolor.css b/css/cardcolor.css
index 3e0f393..e079f0d 100644
--- a/css/cardcolor.css
+++ b/css/cardcolor.css
@@ -25,3 +25,8 @@
 .roncy {
   background-color: #a287f4;
 }
+
+/* Aljo Biju  */
+.aljo {
+  background-color: #5f067b;
+}
diff --git a/pages/buttons.html b/pages/buttons.html
index bd5be0b..98a103f 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -69,7 +69,7 @@ <h2>
           </div>
         </div>
       </div>
-
+      
       <!-- Roncy R Thomas-->
       <div class="row">
         <div class="col-lg-6">
@@ -138,6 +138,42 @@ <h2>
           </div>
         </div>
       </div>
+      
+      <!--  Aljo Biju  -->
+<div class="row">
+  <div class="col-lg-6">
+    <div class="component">
+      <div class="card magictime">
+        <div class="card-title aljo">
+          <strong>Button</strong>
+        </div>
+        <div class="card-content"> 
+         <button class="button aljo"><span>Hover</span></button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-6">
+    <div class="component">
+      <div class="card magictime">
+        <div class="card-title aljo">
+          <strong>Creator</strong>
+        </div>
+        <div class="card-content">
+          <div class="creater-name">
+            <h2>
+              <b>Name:</b
+              ><span>  
+              <a href="https://github.com/Aljobiju">Aljo Biju </a>
+              </span>
+            </h2>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+      
       <!-- Thejasree Kilari -->
       <div class="row">
         <div class="col-lg-6">
@@ -179,4 +215,4 @@ <h2>
   <script src="../js/index.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>