diff --git a/css/buttons.css b/css/buttons.css
index 505f4ae..646a317 100644
--- a/css/buttons.css
+++ b/css/buttons.css
@@ -130,4 +130,23 @@
 /* Saksham Mahajan */
 .Saksham {
   background-color: #f69696;
+}
+
+/*Suchithra PV*/
+
+.suchi {
+  background-color: #54499e;
+}
+
+.btnSuchi {
+  background-color: #eeeeff;
+  border: none;
+  color: #000;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
 }
\ No newline at end of file
diff --git a/pages/buttons.html b/pages/buttons.html
index 4dff956..72f2ba4 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -205,6 +205,7 @@ <h2>
         </div>
 
       </div>
+
       <!--Saksham Mahajan-->
       <div class="row">
         <div class="col-lg-6">
@@ -239,6 +240,38 @@ <h2>
         </div>
       </div>
 
+	      <!-- Suchithra PV -->
+      <div class="row">
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+              <div class="card-title btnSuchi">
+                <strong>Button</strong>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-6">
+          <div class="component">
+            <div class="card magictime">
+              <div class="card-title suchi">
+                <strong>Creator</strong>
+              </div>
+              <div class="card-content">
+                <div class="creater-name">
+                  <h2>
+                    <b>Name:</b><span>
+                      <a class="btnSuchi" href="https://github.com/suchi2000">Suchithra PV</a>
+                    </span>
+                  </h2>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+
     </div>
   </section>
   <footer>