text color of cards in service section is changed

Anjaliavv51 · Oct 5, 2024 · 3cba9f8 · 3cba9f8
1 parent d90f396
commit 3cba9f8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/Css-files/content.css b/Css-files/content.css
@@ -318,6 +318,9 @@ div.deals:hover{
   color: brown !important;
 }
 
+.deals:hover p a{
+  color: brown !important;
+}
 .deals p{
   font-size: 1.1rem;
   padding-top: 2px;

diff --git a/Html-files/services.html b/Html-files/services.html
@@ -179,6 +179,15 @@
         transform: rotate(360deg);
     }
 }
+
+.deals:hover {
+    background-color: hsl(203, 30%, 95%); /* Optional: change background on hover */
+}
+
+.deals:hover p {
+    color: hsl(203, 30%, 50%); /* Change to a darker color for contrast on hover */
+ color: hsl(203, 30%, 50%); 
+}
     </style>
 
 </head>
@@ -387,15 +396,15 @@ <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">S E R
             <div class="second_cont" style="font-family: Garamond;">
                 <div class="deals">
                     <i class="fa-solid fa-gift"></i>
-                    <p
+                    <p class="dealsp"
                         style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);"><a
                             href="./payment2.html"
                             style="text-decoration: none;color: black;">Gift
                             Card and Voucher Redemption</a></p>
                 </div>
                 <div class="deals">
                     <i class="fa-solid fa-ticket"></i>
-                    <p
+                    <p class="dealsp"
                         style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);"><a
                             href="./payment2.html"
                             style="text-decoration: none;color: black;">Exclusive