diff --git a/Html-files/services.html b/Html-files/services.html
index e0abb2f..5cb60a5 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -269,37 +269,35 @@
             <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">S E R V I C E S</h1>
 
         </div>
-            <div class="first_cont">
-                <div class="items" style="align-content: center;">
-                    <h3
-                        style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Vintage
-                        Vibe!</h3>
-                    <button class="but"
-                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);"><a
-                            href="./menu.html"
-                            style="text-decoration: none;">Take
-                            Experience</a></button>
-                </div>
-                <div class="items" style="align-content: center;">
-                    <h3
-                        style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Services
-                        for Events</h3>
-                    <button class="but"
-                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);"><a
-                            href="./booknow.html"
-                            style="text-decoration: none;">Book Now</a></button>
-                </div>
-                <div class="items"
-                    style="align-items: center;align-content: center;">
-                    <h3
-                        style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Retro
-                        Delivery Subscription</h3>
-                    <button class="but"
-                        style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);"><a
-                            href="./signup.html"
-                            style="text-decoration: none;">Take
-                            Subscription</a></button>
-                </div>
+        <div class="first_cont">
+            <!-- First Item -->
+            <div class="items" style="text-align: center;">
+                <img src="../Images/customer-service.png" alt="Vintage Vibe" style="width: 100px; height: 100px; margin-bottom: 10px;">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Vintage Vibe!</h3>
+                <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
+                    <a href="./menu.html" style="text-decoration: none;">Take Experience</a>
+                </button>
+            </div>
+        
+            <!-- Second Item -->
+            <div class="items" style="text-align: center;">
+                <img src="../Images/booking.png" alt="Services for Events" style="width: 100px; height: 100px; margin-bottom: 10px;">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Services for Events</h3>
+                <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
+                    <a href="./booknow.html" style="text-decoration: none;">Book Now</a>
+                </button>
+            </div>
+        
+            <!-- Third Item -->
+            <div class="items" style="text-align: center;">
+                <img src="../Images/ecommerce.png" alt="Retro Delivery Subscription" style="width: 100px; height: 100px; margin-bottom: 10px;">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Retro Delivery Subscription</h3>
+                <button class="but" style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
+                    <a href="./signup.html" style="text-decoration: none;">Take Subscription</a>
+                </button>
+            </div>
+        
+
 
             </div>
         </div>