diff --git a/product-list.html b/product-list.html
index a34a3cc..effa0be 100644
--- a/product-list.html
+++ b/product-list.html
@@ -122,11 +122,11 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_1.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 1</h5>
+                        <h5 class="card-title">Adidas NMD_R1 (GX0997)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -139,11 +139,11 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_2.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 2</h5>
+                        <h5 class="card-title">Adidas NMD_R1 (G55575)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -156,11 +156,12 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_3.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 3</h5>
+                        <h5 class="card-title">Adidas NMD_R1
+                            (FV1740)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -173,11 +174,11 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_4.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 4</h5>
+                        <h5 class="card-title">Adidas NMD_R1 PRIMBLUE (GZ9256)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -190,11 +191,11 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_5.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 5</h5>
+                        <h5 class="card-title">Adidas NMD_R1 (GZ7944)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -207,11 +208,12 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_6.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 6</h5>
+                        <h5 class="card-title">Adidas NMD_R1
+                            (GZ7943)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -224,11 +226,12 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_7.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 7</h5>
+                        <h5 class="card-title">Adidas NMD_R1
+                            (FY3566)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -241,11 +244,11 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_8.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 8</h5>
+                        <h5 class="card-title">Adidas NMD_R1 (GX0996)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">
@@ -258,11 +261,12 @@
         <div class="card mx-3 my-3" style="max-width: 450px;">
             <div class="row no-gutters">
                 <div class="col-md-4">
-                    <img alt="Item Image" class="img-fluid" src="https://telegra.ph/file/10c14ef12cc8f16ab0960.png">
+                    <img alt="Item Image" class="img-fluid" src="./assets/Product_9.webp">
                 </div>
                 <div class="col-md-8">
                     <div class="card-body">
-                        <h5 class="card-title">Item 9</h5>
+                        <h5 class="card-title">Adidas NMD_R1
+                            (FY3565)</h5>
                         <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
                             tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
                         <a href="product.html">