Merge pull request #893 from Nih1tGupta/main

IMPROVED CSS FOR CARDS
khushi-joshi-05 · Jun 4, 2024 · 3c65272 · 3c65272
2 parents e6049f0 + 44e36b8
commit 3c65272
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 20 deletions.
diff --git a/Css-files/ContactUpdate.css b/Css-files/ContactUpdate.css
@@ -85,10 +85,10 @@ body {
 
 h1 {
   font-size: 58px;
-  font-weight: 900;
+  font-weight: bolder;
   margin-bottom: 1rem;
-  color: var(--white-color);
-  text-shadow: 1px 0 6px #000;
+  color:white;
+  text-shadow: 3px 0 6px #000;
 }
 
 h1 span {
@@ -97,7 +97,7 @@ h1 span {
 
 h2 {
   font-weight: 700;
-  font-size: 2rem;
+  font-size: 3rem;
   text-transform: capitalize;
   font-family: var(--secondry-font);
   color: var(--secondry-color);
@@ -119,9 +119,10 @@ h5 {
   color: var(--black-color);
   text-transform: capitalize;
   font-family: var(--secondry-font);
-  font-size: 1rem;
-  font-weight: 700;
+  font-size: 1.4rem;
+  font-weight: bolder;
   margin-bottom: 0.5rem;
+  text-shadow: 0 0 12px white;
 }
 
 p {
@@ -138,7 +139,7 @@ p {
   line-height: 1.5625rem;
   background-color: rgb(138, 37, 37);
   ;
-  border: 0.1875rem solid yellow;
+  border: 0.1875rem solid rgb(10, 10, 9);
   color: var(--white-color);
   font-size: 0.9375rem;
   font-weight: 600;
@@ -152,8 +153,8 @@ p {
 }
 
 .main-btn:hover {
-  background-color: transparent;
-  color: var(--primary-color);
+  background-color: white;
+  color: black;
 }
 
 .wrapper {
@@ -398,12 +399,14 @@ nav {
 */
 
 .explore-food .card{
+
   background-color:transparent;
   border-radius: 0.9375rem;
 }
 
 .explore-food .card :hover {
-  transform: scale(0.99);
+  transform: scale(1.01);
+  transition:all .4s ease-in;
 }
 
 .explore-food .card img {
@@ -440,16 +443,17 @@ nav {
 }
 
 .testimonial-section h2 {
-  color: var(--black-color);
+  color: red;
 }
 
 .testimonial-section .carousel-item {
   margin-top: 3rem;
   padding: 10rem 3.125rem;
-  background-color: white;
+  color: white;
+  background-color: rgb(251, 251, 251);
   border-radius: 0.9375rem;
   text-align: center;
-  border: 4px solid brown;
+border: 4px solid brown;
 }
 
 .testimonial-section .carousel-caption img {
@@ -459,9 +463,9 @@ nav {
 }
 
 .testimonial-section .carousel-caption p {
-  font-size: 1.125rem;
+  font-size:1.67rem;
+  font-weight : bold;
   line-height: 1.5625rem;
-  font-weight: 300;
   color: var(--black-color);
   padding: 0 11% 0.625rem;
 }

diff --git a/Html-files/ContactUpdate.html b/Html-files/ContactUpdate.html
@@ -29,7 +29,7 @@
 
 </head>
 
-<body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="100">
+<body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="100" onload="blinker();">
   <!-- header design section -->
   <nav>
     <div class="navigbar">
@@ -80,7 +80,7 @@
         <div class="row">
           <div class="col-sm-12">
             <div class="text-content text-center">
-              <h2>Exclusive Offers</h2>
+              <h2 id="blink">Exclusive Offers</h2>
               <p>Discover a world of flavors with our diverse culinary offerings. From savory dishes crafted with fresh,
                 local ingredients to indulgent desserts that delight the senses, each bite tells a story. Savor the
                 fusion of traditional recipes and innovative twists, bringing global tastes to your table. Taste the
@@ -93,9 +93,9 @@ <h2>Exclusive Offers</h2>
 
           <div class="col-lg-4 col-md-6 mb-lg-0 mb-5">
             <div class="card border">
-              <img decoding="async" src="/Html-files/assets/discount.jpg" class="img-fluid">
+              <img decoding="async" src="https://img.freepik.com/premium-vector/special-offer-delicious-food-menu-sale-discount-with-landscape-social-media-post-tempate-banner-with-copy-space-3d-podium-food-sale-with-abstract-gradient-orange-white-background-design_727967-1725.jpg" class="img-fluid">
               <div class="p-3">
-                <h5>🎉 Grab your savings now with our unbeatable new discounts! 💸</h5>
+                <h5>🎉 Grab your savings now with our unbeatable new discounts every week! 💸</h5>
                 <p>Don't miss out on our exclusive offers! 🎉 Enjoy massive discounts 💸 on your favorite items and save
                   big on every purchase! 🛍️</p>
                 <button class="mt-2 main-btn">Read More</button>
@@ -105,7 +105,7 @@ <h5>🎉 Grab your savings now with our unbeatable new discounts! 💸</h5>
 
           <div class="col-lg-4 col-md-6 mb-lg-0 mb-5">
             <div class="card border">
-              <img decoding="async" src="/Html-files/assets/collaboration.jpg" class="img-fluid">
+              <img decoding="async" src="https://img.freepik.com/premium-photo/young-people-social-media-like-concept-flat-vector-illustration-daily-activities-working-ai-generated_705708-26385.jpg" class="img-fluid">
               <div class="p-3">
                 <h5>🤝 Exciting new collaborations just launched! Discover the latest partnerships today! 🌟 </h5>
                 <p>Experience the thrill of our new collaborations! 🤩 Discover innovative partnerships and enjoy
@@ -263,6 +263,15 @@ <h4>Follow Us</h4>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
   <!-- own js -->
+  <script>  function blinker()
+    {
+      if(document.getElementById("blink"))
+      {
+          var d = document.getElementById("blink") ;
+          d.style.color= (d.style.color=='yellow'?'white':'yellow');
+          setTimeout('blinker()', 900);
+      }
+  }</script>
   <script>
     function redirectLogin() {
       window.location.href = "/login.html";