From 04fb5afbc6db4572567c956add5a56862a6a2434 Mon Sep 17 00:00:00 2001
From: Vikash Choudhary <vikashchoudhury2001@gmail.com>
Date: Wed, 19 Jun 2024 23:57:33 +0530
Subject: [PATCH] #1053 solved

As per the mention issue and correction needed I have made changes in the services page
---
 Css-files/services.css   |  16 ++-
 Css-files/services1.css  |   4 +-
 Html-files/services.html | 223 ++++++++++++++++++++-------------------
 3 files changed, 121 insertions(+), 122 deletions(-)

diff --git a/Css-files/services.css b/Css-files/services.css
index a33da903..be2ae7aa 100644
--- a/Css-files/services.css
+++ b/Css-files/services.css
@@ -59,16 +59,15 @@ body{
 }
 
 .head_container_service {
-    height: fit-content;
+    background-image: url(/Images/food.jpg);
 }
-
 .first_cont {
     flex-wrap: wrap;
 }
 
 .items {
     overflow: hidden;
-    max-width: 230px;
+    max-width: 180px;
 }
 
 .items img {
@@ -93,9 +92,11 @@ body{
 
 .testimonalsection {
     padding-top: 20px;
+    background: linear-gradient(#0d49a3, #428cfa);
+  
 }
 
-.fa-star,
+.fa-star
 .fa-star-half-stroke {
     color: goldenrod;
 }
@@ -132,10 +133,6 @@ body{
 
 }
 
-.testimonal__swiper:hover {
-    border-radius: 50%;
-}
-
 .testimonal__swiper>div {
     background-color: rgb(138, 37, 37);
     height: 33%;
@@ -145,7 +142,7 @@ body{
 
 .testimonal__swiper:hover>div {
     height: 200%;
-    border-radius: 20%;
+
 }
 
 .testimonal__swiper * {
@@ -158,6 +155,7 @@ body{
 
 .second_cont {
     flex-wrap: wrap;
+    background-color: black;
 }
 
 .deals {
diff --git a/Css-files/services1.css b/Css-files/services1.css
index 22fff31f..00da3501 100644
--- a/Css-files/services1.css
+++ b/Css-files/services1.css
@@ -11,7 +11,7 @@
     align-items: center;
     flex-wrap: wrap;
     gap: 100px 50px;
-    padding: 100px 50px;
+    padding: 55px 50px 0 50px;
 }
 /* background cards size and rounding */
 .container .card
@@ -20,7 +20,7 @@
     display: flex;
     justify-content: center;
     align-items: flex-start;
-    width: 350px;
+    width: 305px;
     height: 300px;
     background: #fff;
     border-radius: 20px;
diff --git a/Html-files/services.html b/Html-files/services.html
index 9d1f35c6..270a7002 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -124,127 +124,128 @@ <h2>Meal Delivery Subscription</h2>
 
 
         <section class="service_container">
+            
+                <section class="testimonalsection" id="testimonal">         
+                    <div class="section1">
+                        <hr />
+                        <h2 class=section__title data-aos="zoom-out-up" data-aos-duration="1000" data-aos-offset="170"
+                            data-aos-easing="ease-in-out">CUSTOMER OPINION</h2>
+                        <hr />
+                    </div>
+                    <div class="testimonal__container" data-aos="zoom-in" data-aos-duration="1000" data-aos-offset="170"
+                        data-aos-easing="ease-in-out">
+                        <div class="testimonal__swiper">
+                            <div>
+                                <article class="testimonal__card">
+                                    <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cGVyc29ufGVufDB8fDB8fHww"
+                                        alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
+                                    <h2 class="testimonal__title">Riya Jain</h2>
+                                    <p class="testimonal__description">
+                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
+                                        quidem
+                                        nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
+                                        accusamus
+                                        dolores sapiente, ipsum maxime, quo odit ut.
+                                    </p>
 
-            <section class="testimonalsection" id="testimonal">
-                <div class="section1">
-                    <hr />
-                    <h2 class=section__title data-aos="zoom-out-up" data-aos-duration="1000" data-aos-offset="170"
-                        data-aos-easing="ease-in-out">CUSTOMER OPINION</h2>
-                    <hr />
-                </div>
-                <div class="testimonal__container" data-aos="zoom-in" data-aos-duration="1000" data-aos-offset="170"
-                    data-aos-easing="ease-in-out">
-                    <div class="testimonal__swiper">
-                        <div>
-                            <article class="testimonal__card">
-                                <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cGVyc29ufGVufDB8fDB8fHww"
-                                    alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
-                                <h2 class="testimonal__title">Riya Jain</h2>
-                                <p class="testimonal__description">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
-                                    quidem
-                                    nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
-                                    accusamus
-                                    dolores sapiente, ipsum maxime, quo odit ut.
-                                </p>
-
-                                <div class="testimonal__stars">
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star-half-stroke"></i>
-                                </div>
-                            </article>
+                                    <div class="testimonal__stars">
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star-half-stroke"></i>
+                                    </div>
+                                </article>
+                            </div>
                         </div>
-                    </div>
-                    <div class="testimonal__swiper">
-                        <div>
-                            <article class="testimonal__card">
-                                <img src="https://t3.ftcdn.net/jpg/02/43/12/34/360_F_243123463_zTooub557xEWABDLk0jJklDyLSGl2jrr.jpg"
-                                    alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
-                                <h2 class="testimonal__title">Sudhanshu Sharma</h2>
-                                <p class="testimonal__description">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
-                                    quidem
-                                    nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
-                                    accusamus
-                                    dolores sapiente, ipsum maxime, quo odit ut.
-                                </p>
+                        <div class="testimonal__swiper">
+                            <div>
+                                <article class="testimonal__card">
+                                    <img src="https://t3.ftcdn.net/jpg/02/43/12/34/360_F_243123463_zTooub557xEWABDLk0jJklDyLSGl2jrr.jpg"
+                                        alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
+                                    <h2 class="testimonal__title">Sudhanshu Sharma</h2>
+                                    <p class="testimonal__description">
+                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
+                                        quidem
+                                        nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
+                                        accusamus
+                                        dolores sapiente, ipsum maxime, quo odit ut.
+                                    </p>
 
-                                <div class="testimonal__stars">
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star-half-stroke"></i>
-                                </div>
-                            </article>
+                                    <div class="testimonal__stars">
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star-half-stroke"></i>
+                                    </div>
+                                </article>
+                            </div>
                         </div>
-                    </div>
-                    <div class="testimonal__swiper">
-                        <div>
-                            <article class="testimonal__card">
-                                <img src="https://blogs.kcl.ac.uk/editlab/files/2017/04/Elena-2-Cropped-200x2801.jpg"
-                                    alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
-                                <h2 class="testimonal__title">Angel Dravid</h2>
-                                <p class="testimonal__description">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
-                                    quidem
-                                    nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
-                                    accusamus
-                                    dolores sapiente, ipsum maxime, quo odit ut.
-                                </p>
+                        <div class="testimonal__swiper">
+                            <div>
+                                <article class="testimonal__card">
+                                    <img src="https://blogs.kcl.ac.uk/editlab/files/2017/04/Elena-2-Cropped-200x2801.jpg"
+                                        alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
+                                    <h2 class="testimonal__title">Angel Dravid</h2>
+                                    <p class="testimonal__description">
+                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
+                                        quidem
+                                        nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
+                                        accusamus
+                                        dolores sapiente, ipsum maxime, quo odit ut.
+                                    </p>
 
-                                <div class="testimonal__stars">
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star-half-stroke"></i>
-                                </div>
-                            </article>
+                                    <div class="testimonal__stars">
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star-half-stroke"></i>
+                                    </div>
+                                </article>
+                            </div>
                         </div>
-                    </div>
-                    <div class="testimonal__swiper">
-                        <div>
-                            <article class="testimonal__card">
-                                <img src="https://cdn2.psychologytoday.com/assets/styles/manual_crop_1_91_1_1528x800/public/field_blog_entry_images/2018-09/shutterstock_648907024.jpg?itok=7lrLYx-B"
-                                    alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
-                                <h2 class="testimonal__title">Priya Sharma</h2>
-                                <p class="testimonal__description">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
-                                    quidem
-                                    nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
-                                    accusamus
-                                    dolores sapiente, ipsum maxime, quo odit ut.
-                                </p>
+                        <div class="testimonal__swiper">
+                            <div>
+                                <article class="testimonal__card">
+                                    <img src="https://cdn2.psychologytoday.com/assets/styles/manual_crop_1_91_1_1528x800/public/field_blog_entry_images/2018-09/shutterstock_648907024.jpg?itok=7lrLYx-B"
+                                        alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
+                                    <h2 class="testimonal__title">Priya Sharma</h2>
+                                    <p class="testimonal__description">
+                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
+                                        quidem
+                                        nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
+                                        accusamus
+                                        dolores sapiente, ipsum maxime, quo odit ut.
+                                    </p>
 
-                                <div class="testimonal__stars">
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star"></i>
-                                    <i class="fa-solid fa-star-half-stroke"></i>
-                                </div>
-                            </article>
+                                    <div class="testimonal__stars">
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star"></i>
+                                        <i class="fa-solid fa-star-half-stroke"></i>
+                                    </div>
+                                </article>
+                            </div>
                         </div>
                     </div>
-                </div>
-            </section>
+                </section>
 
-            <div class="second_cont">
-                <div class="deals" data-aos="zoom-out-right" data-aos-duration="1000" data-aos-offset="170"
-                    data-aos-easing="ease-in-out">
-                    <i class="fa-solid fa-gift"></i>
-                    <p>Gift Card and Voucher Redemption</p>
-                </div>
-                <div class="deals" data-aos="zoom-out-left" data-aos-duration="1000" data-aos-offset="170"
-                    data-aos-easing="ease-in-out">
-                    <i class="fa-solid fa-ticket"></i>
-                    <p>Exclusive Offers and Promotions </p>
-                </div>
-            </div>
+                <div class="second_cont">
+                    <div class="deals" data-aos="zoom-out-right" data-aos-duration="1000" data-aos-offset="170"
+                        data-aos-easing="ease-in-out">
+                        <i class="fa-solid fa-gift"></i>
+                        <p>Gift Card and Voucher Redemption</p>
+                    </div>
+                    <div class="deals" data-aos="zoom-out-left" data-aos-duration="1000" data-aos-offset="170"
+                        data-aos-easing="ease-in-out">
+                        <i class="fa-solid fa-ticket"></i>
+                        <p>Exclusive Offers and Promotions </p>
+                    </div>
+                </div> 
+          
         </section>
 
         <footer>