From 10a307baf0107553233d71e4b9bd41006990432a Mon Sep 17 00:00:00 2001
From: Ashmita <abarthwalwork@gmail.com>
Date: Tue, 16 Jul 2024 17:20:01 +0530
Subject: [PATCH 1/3] changed ui of about section

---
 Image-Gallery/style.css |  2 +-
 styles.css              | 57 +++++++++++++++++++++++++++++++++--------
 2 files changed, 48 insertions(+), 11 deletions(-)

diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css
index 5077d8d2..a6f2c2dc 100644
--- a/Image-Gallery/style.css
+++ b/Image-Gallery/style.css
@@ -32,7 +32,7 @@ body {
 
 .dark-theme {
   --secondary-color: #0e1525;
-  --text-dark: #ffffff;
+  --text-dark: #0e1525;
   --arr-light: white;
   --body-light: #0e1525;
   --img-color:red;
diff --git a/styles.css b/styles.css
index 9dbae098..b339037a 100644
--- a/styles.css
+++ b/styles.css
@@ -2318,20 +2318,26 @@ body {
 
 /* ///////////////////// */
 
-/* ******* */
+/* Sub-header Hover Effect */
 .sub__header:hover {
   background-color: transparent;
   color: var(--primary-color);
+  transition: color 0.3s ease; /* Smooth transition for color change */
 }
 
-/* Light mode  And Dark mode of AboutUs*/
-
+/* Light Mode and Dark Mode of AboutUs */
 .headingofAbout {
-  font-weight: bolder;
-  /* Set font weight to bolder */
+  font-weight: bold; /* Make the heading bold */
   text-align: center;
-  color: var(--text-dark);
-  /* Use the text-dark custom property for color */
+  color: yellow; /* Set heading color to yellow */
+  font-size: 2.5rem; /* Increase font size */
+  margin: 20px 0; /* Add margin for spacing */
+  text-shadow: 
+      -1px -1px 0 #000,  
+      1px -1px 0 #000,
+      -1px 1px 0 #000,
+       1px 1px 0 #000; /* Dark black outline around each letter */
+  font-family: 'Roboto', sans-serif; /* Use Roboto font family */
 }
 
 /* Styling for elements with .aboutcon class */
@@ -2340,18 +2346,49 @@ body {
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
-  background-color: var(--body-light);
-  /* Use the text-dark custom property for color */
+  background: linear-gradient(135deg, #7b4397, #dc2430); /* Gradient background */
+  padding: 40px 20px; /* Add padding for spacing */
+  border-radius: 10px; /* Rounded corners */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
+  transition: background-color 0.3s ease; /* Smooth transition for background color */
 }
 
 /* Styling for elements with .aboutcontent class */
 .aboutcontent {
   text-align: center;
   color: var(--text-dark);
-  /* Use the text-dark custom property for color */
   margin-bottom: 20px;
+  flex: 1 1 300px; /* Make flex items responsive */
+  padding: 20px;
+  background-color: rgba(255, 255, 255, 0.8); /* Background color for content */
+  border-radius: 10px; /* Rounded corners */
+  transition: transform 0.3s ease, background-color 0.3s ease; /* Smooth transition for transform and background color */
 }
 
+/* Hover Effect for aboutcontent */
+.aboutcontent:hover {
+  transform: scale(1); /* Slightly enlarge on hover */
+  background-color: rgba(255, 255, 255, 1); /* Change background color on hover */
+}
+
+/* Media Queries for Responsiveness */
+@media (max-width: 768px) {
+  .aboutcon {
+      flex-direction: column; /* Stack items vertically on small screens */
+  }
+
+  .headingofAbout {
+      font-size: 2rem; /* Adjust font size for smaller screens */
+  }
+}
+/* Adjust hover effect for touch devices */
+@media (hover: none) {
+  .aboutcontent:hover {
+      transform: none; /* Remove scaling on touch devices */
+  }
+}
+
+
 /* Styling for SVG elements inside .iconss class */
 .iconss svg {
   width: 100px;

From 206f8842d2067487f81f4ae8efb88efd1e8557cd Mon Sep 17 00:00:00 2001
From: Ashmita <abarthwalwork@gmail.com>
Date: Tue, 16 Jul 2024 22:22:35 +0530
Subject: [PATCH 2/3] Google Logo Adjustment

---
 Image-Gallery/style.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css
index a6f2c2dc..c7d33407 100644
--- a/Image-Gallery/style.css
+++ b/Image-Gallery/style.css
@@ -177,4 +177,11 @@ body {
 #next {
   left: 100%;
 }
-
+.goog-te-gadget img {
+  vertical-align: middle;
+  border: none;
+  width: 100px; /* Ensure the width is set to auto */
+  height: auto; /* Ensure the height is set to auto */
+  max-width: 100%; /* Adjust this value if needed */
+  max-height: 100%; /* Adjust this value if needed */
+}

From 51a07e8da9e0afe41340ac0e30c49faf059f3d70 Mon Sep 17 00:00:00 2001
From: Ashmita <abarthwalwork@gmail.com>
Date: Wed, 17 Jul 2024 15:36:44 +0530
Subject: [PATCH 3/3] Enhancement of Google Logo

---
 Image-Gallery/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css
index c7d33407..d153136f 100644
--- a/Image-Gallery/style.css
+++ b/Image-Gallery/style.css
@@ -32,7 +32,7 @@ body {
 
 .dark-theme {
   --secondary-color: #0e1525;
-  --text-dark: #0e1525;
+  --text-dark: #8c0ffa;
   --arr-light: white;
   --body-light: #0e1525;
   --img-color:red;
@@ -180,8 +180,8 @@ body {
 .goog-te-gadget img {
   vertical-align: middle;
   border: none;
-  width: 100px; /* Ensure the width is set to auto */
+  width: 110px; /* Ensure the width is set to auto */
   height: auto; /* Ensure the height is set to auto */
   max-width: 100%; /* Adjust this value if needed */
   max-height: 100%; /* Adjust this value if needed */
-}
+}
\ No newline at end of file