Update services.html

Anjaliavv51 · Oct 15, 2024 · 4bf11fb · 4bf11fb
1 parent 75c9ac2
commit 4bf11fb
Showing 1 changed file with 28 additions and 19 deletions.
diff --git a/Html-files/services.html b/Html-files/services.html
@@ -421,32 +421,41 @@ <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%); margin
         </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 class="items" style="text-align: center; height: 20%;">
+                <div class="items-container" style="display: flex; flex-direction: column; align-items: 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%); margin-top: 30px;">
+                        <a href="./menu.html" style="text-decoration: none;">Take Experience</a>
+                    </button>
+                </div>
+
             </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>
+            <div class="items" style="text-align: center; height: 20%;">
+                <div class="items-container" style="display: flex; flex-direction: column; align-items: 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%); margin-top: 30px;">
+                        <a href="./booknow.html" style="text-decoration: none;">Book Now</a>
+                    </button>
+                    </div>
+                </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 class="items" style="text-align: center; height: 20%;">
+                <div div class="items-container" style="display: flex; flex-direction: column; align-items: 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%); margin-top: 7px;">
+                        <a href="./signup.html" style="text-decoration: none;">Take Subscription</a>
+                    </button>
+                </div>
             </div>
         </div>
+    </div>
         </div>
 
         <section class="service_container">