From 60f049a2cb30489b8e26eea16e738fdd93d275b1 Mon Sep 17 00:00:00 2001
From: Hetalnikam <hetalnikam33@gmail.com>
Date: Tue, 15 Oct 2024 19:20:26 +0530
Subject: [PATCH 1/3] hover effect added

---
 style.css | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 52 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 22a1c9e..bf51f88 100644
--- a/style.css
+++ b/style.css
@@ -723,9 +723,9 @@ button:hover {
 
 /* filter box styles end */
 
-/* Blogs Styles */
+Blogs Styles
 
-.heading {
+/* .heading {
   text-align: center;
   color: var(--text-color);
   text-transform: uppercase;
@@ -767,8 +767,58 @@ button:hover {
   color: var(--text-color);
   padding: 1rem 0;
   line-height: 1.8;
+} */
+
+/* New styles for hover pop-up effect */
+.blog-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 2rem;
+}
+
+.blog {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--background-color);
+  border-radius: 1rem;
+  padding: 2rem;
+  width: 500px;
+  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
+  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for scaling and shadow */
+}
+
+.blog:hover {
+  transform: scale(1.05); /* Scale up by 5% on hover */
+  box-shadow: 12px 12px 30px rgba(0, 0, 0, 0.5); /* Deeper shadow on hover */
 }
 
+.blog-image {
+  width: 70%;
+  border-radius: 10rem;
+}
+
+.blog h3 {
+  font-size: 2rem;
+  color: #ffbe0b;
+  margin: 5px;
+}
+
+.blog p {
+  font-size: 1.7rem;
+  margin: 1rem 0;
+}
+
+.btn {
+  background: linear-gradient(to right, #ff4e50, #fc913a);
+  color: var(--text-color);
+  padding: 0.8rem 1.5rem;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
 /* Menu Styles */
 
 #menu h1 {

From 147a11d83be9e6c01958465b6232387e1dd872ad Mon Sep 17 00:00:00 2001
From: Hetalnikam <hetalnikam33@gmail.com>
Date: Sun, 20 Oct 2024 20:22:05 +0530
Subject: [PATCH 2/3] Improved contact us page

---
 contact.html | 96 ++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 79 insertions(+), 17 deletions(-)

diff --git a/contact.html b/contact.html
index e82e055..388906e 100644
--- a/contact.html
+++ b/contact.html
@@ -6,16 +6,26 @@
     <meta http-equiv="X-UA-Compatible" content="IE-edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contact Us - Responsive Ice Cream Website</title>
-   
 
     <!-- Font Awesome CSS -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
 
+    <!-- Google Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
+
     <!-- Custom CSS -->
     <link rel="stylesheet" href="preloaderStyle.css">
     <link rel="stylesheet" href="style.css">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" defer></script>
+
     <style>
+        /* Gradient Background */
+        body {
+            background: linear-gradient(135deg, #f9f9f9, #f0f0f0);
+            font-family: 'Poppins', sans-serif;
+            color: #333;
+        }
+
         /* Circle styles */
         .circle {
             height: 24px;
@@ -29,23 +39,68 @@
             z-index: 99999999;
             /* Stays on top of all elements */
         }
+
+        /* Header Styles */
+        .header {
+            background: rgba(255, 255, 255, 0.9);
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+        }
+
+        .navbar a {
+            padding: 15px 20px;
+            transition: color 0.3s, background-color 0.3s;
+        }
+
+        .navbar a:hover {
+            background-color: #ffe1a8;
+            color: #333;
+        }
+
+        .icons div {
+            transition: color 0.3s;
+        }
+
+        .icons div:hover {
+            color: #f39c12;
+        }
+
+        /* Footer Styles */
+        .footer {
+            background: #333;
+            color: white;
+            padding: 20px 0;
+            text-align: center;
+        }
+
+        .footer a {
+            color: #f39c12;
+        }
+
+        .footer a:hover {
+            color: #e67e22;
+        }
+
+        /* Contact Form Styles */
+        .visme_d {
+            margin: 20px 0;
+        }
     </style>
 </head>
 
 <body>
-     <!-- preloader -->
-  <div id="preloader">
-    <div class="wrapper">
-        <div class="box-wrap">
-            <div class="box one"></div>
-            <div class="box two"></div>
-            <div class="box three"></div>
-            <div class="box four"></div>
-            <div class="box five"></div>
-            <div class="box six"></div>
+    <!-- Preloader -->
+    <div id="preloader">
+        <div class="wrapper">
+            <div class="box-wrap">
+                <div class="box one"></div>
+                <div class="box two"></div>
+                <div class="box three"></div>
+                <div class="box four"></div>
+                <div class="box five"></div>
+                <div class="box six"></div>
+            </div>
         </div>
     </div>
-</div>
     <!-- Circles -->
     <div class="circle"></div>
     <div class="circle"></div>
@@ -90,7 +145,8 @@
     </header>
     <!-- Header Ends Here -->
 
-    <div class="visme_d" data-title="Contact Form" data-url="4d6yepek-contact-form" data-domain="forms" data-full-page="false" data-min-height="500px" data-form-id="96782"></div><script src="https://static-bundles.visme.co/forms/vismeforms-embed.js"></script>
+    <div class="visme_d" data-title="Contact Form" data-url="4d6yepek-contact-form" data-domain="forms" data-full-page="false" data-min-height="500px" data-form-id="96782"></div>
+    <script src="https://static-bundles.visme.co/forms/vismeforms-embed.js"></script>
 
     <!-- Footer Section Starts Here -->
     <section class="footer" id="footer">
@@ -106,10 +162,10 @@
         </div>
     </section>
     <!-- Footer Section Ends Here -->
-    <script src="preloader.js"></script>
+    <script src="preloader.js" defer></script>
 
     <!-- JavaScript File -->
-    <script src="script.js"></script>
+    <script src="script.js" defer></script>
     <script>
         document.addEventListener('DOMContentLoaded', () => {
             gsap.from(".contact-form", { opacity: 0, y: 50, duration: 1.5, ease: "power2.out" });
@@ -180,7 +236,13 @@
         animateCircles();
     </script>
     <div class="gtranslate_wrapper"></div>
-    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script>
+        window.gtranslateSettings = {
+            "default_language": "en",
+            "detect_browser_language": true,
+            "wrapper_selector": ".gtranslate_wrapper"
+        }
+    </script>
     <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 

From 95c6046da4e4203d4e125d3fae76d0dc9fc7c1a3 Mon Sep 17 00:00:00 2001
From: Hetalnikam <hetalnikam33@gmail.com>
Date: Sun, 20 Oct 2024 20:38:46 +0530
Subject: [PATCH 3/3] Contact us updated

---
 contact.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/contact.html b/contact.html
index 388906e..0b64197 100644
--- a/contact.html
+++ b/contact.html
@@ -247,3 +247,5 @@
 </body>
 
 </html>
+
+//