diff --git a/music.html b/music.html
index 12b29e3..4118d92 100644
--- a/music.html
+++ b/music.html
@@ -101,7 +101,30 @@ <h5 class="card-title">
         </article>
       </div>
 
-     
+      <div class="col-md-4">
+        <!--product card-->
+        <article class="card text-center font-italic mb-4">
+          <!--product image-->
+          <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQz22toePxejLe7kzwcakR1NZCfEVn3u8Lm-g&usqp=CAU" alt="image" class="card-img-top">
+          <div class="card-body">
+            <!-- name-->
+            <h5 class="card-title">
+             Jazz
+            </h5>
+           
+          
+            
+        
+
+            <!--more info button-->
+            <a href="#" class="btn btn-success mb-2">
+                            <i class="fa fa-info-circle" aria-hidden="true"></i>
+                            More info
+                        </a>
+            
+          </div>
+        </article>
+      </div>
 
     </div>
   </div>
@@ -135,4 +158,4 @@ <h5 class="card-title">
 
    
 </body>
-</html> 
\ No newline at end of file
+</html> 
diff --git a/sport.html b/sport.html
index fad8bd1..1b80931 100644
--- a/sport.html
+++ b/sport.html
@@ -91,6 +91,31 @@ <h5 class="card-title">
             
         
 
+            <!--more info button-->
+            <a href="#" class="btn btn-success mb-2">
+                            <i class="fa fa-info-circle" aria-hidden="true"></i>
+                            More info
+                        </a>
+            
+          </div>
+        </article>
+      </div>
+        
+      <div class="col-md-4">
+        <!--product card-->
+        <article class="card text-center font-italic mb-4">
+          <!--product image-->
+          <img src="https://images.unsplash.com/photo-1519861531473-9200262188bf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=900&q=60" alt="image" class="card-img-top">
+          <div class="card-body">
+            <!-- name-->
+            <h5 class="card-title">
+             Basketball
+            </h5>
+           
+          
+            
+        
+
             <!--more info button-->
             <a href="#" class="btn btn-success mb-2">
                             <i class="fa fa-info-circle" aria-hidden="true"></i>
@@ -135,4 +160,4 @@ <h5 class="card-title">
 
    
 </body>
-</html> 
\ No newline at end of file
+</html>