update...

Author: pradipchaudhary

assets/css/index.css

@@ -350,6 +350,30 @@ html {
     margin-bottom: 10px;
 }
 
+.load-more-btn {
+    display: inline-block;
+    padding: 10px 24px;
+    font-size: 16px;
+    color: #fff;
+    background-color: #007acc;
+    border: none;
+    border-radius: 6px;
+    text-decoration: none;
+    transition: background-color 0.3s ease, transform 0.2s ease;
+    cursor: pointer;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.load-more-btn:hover {
+    background-color: #005fa3;
+    transform: translateY(-2px);
+}
+
+.load-more-btn:active {
+    background-color: #004b82;
+    transform: translateY(0);
+}
+
 /* Footer Section Styling */
 /* CSS */
 .custom-footer {

index.html

@@ -130,7 +130,8 @@ <h2 class="showcase-title">Explore Our Projects</h2>
 
                 <!-- Project Grid where dynamic content will be added -->
                 <div id="project-grid" class="project-grid"></div>
-                <a href="#">Load more</a>
+                <a href="#" class="load-more-btn">Load more</a>
+
             </div>
         </section>