Merge pull request #1138 from AshmitaBarthwal/updateabout

feat: Enhancing About Section
apu52 · Jul 22, 2024 · e8a1bcf · e8a1bcf
2 parents efb40cf + 0286b9d
commit e8a1bcf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 22 deletions.
diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css
@@ -32,7 +32,7 @@ body {
 
 .dark-theme {
   --secondary-color: #0e1525;
-  --text-dark: #8c0ffa;
+  --text-dark: #ffffff;
   --arr-light: white;
   --body-light: #0e1525;
   --img-color:red;
@@ -177,11 +177,3 @@ body {
 #next {
   left: 100%;
 }
-.goog-te-gadget img {
-  vertical-align: middle;
-  border: none;
-  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 */
-}
diff --git a/styles.css b/styles.css
@@ -1,6 +1,3 @@
-
-
-
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&family=Oxygen:wght@300&display=swap");
 
@@ -330,7 +327,7 @@ body {
   padding: 5rem 1rem;
 }*/
 
-/*Creating Curved Corners for the Video*/
+/Creating Curved Corners for the Video/
 .section__container {
   /* max-width: var(--max-width); */
   margin: auto;
@@ -1581,7 +1578,7 @@ body.dark-theme .items {
   backdrop-filter: blur(10px);
   box-shadow: rgba(255, 255, 255, 0.25) 0px 50px 100px -20px,
     /* Light shadow */ rgba(255, 255, 255, 0.3) 0px 30px 60px -30px,
-    /* Light shadow */ rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; /* Light inset shadow */
+    /* Light shadow / rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; / Light inset shadow */
 }
 
 .contact {
@@ -2400,7 +2397,7 @@ body {
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
-  background: linear-gradient(135deg, #7b4397, #dc2430); /* Gradient background */
+  background: linear-gradient(135deg, #7b4397, #32b1fa, rgb(254, 71, 227)); /* 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 */
@@ -2410,7 +2407,7 @@ body {
 /* Styling for elements with .aboutcontent class */
 .aboutcontent {
   text-align: center;
-  color: var(--text-dark);
+  color: black;
   margin-bottom: 20px;
   flex: 1 1 300px; /* Make flex items responsive */
   padding: 20px;
@@ -2771,7 +2768,7 @@ body.dark-theme .testimonials .testimonial-user p{
     object-fit: contain;
   }
   .header__image img:nth-child(1) {
-    max-width: 60vw; /* Adjust image size for smaller devices */ /* Center image horizontally and vertically */
+    max-width: 60vw; /* Adjust image size for smaller devices / / Center image horizontally and vertically */
   }
 
   .header__image img:nth-child(2) {
@@ -2795,7 +2792,7 @@ body.dark-theme .testimonials .testimonial-user p{
     font-size: 1rem;
   }
 
-  .header__content .action__btns {
+  .header_content .action_btns {
     flex-direction: column; /* Stack buttons vertically */
     gap: 1rem; /* Add gap between buttons */
     margin-top: 1rem; /* Adjust top margin */
@@ -2808,7 +2805,7 @@ body.dark-theme .testimonials .testimonial-user p{
     margin: 0 auto; /* Center the subtitle */
   }
 }
-/*STYLE FOR SIDE DISCOUNT DIVISION*/
+/STYLE FOR SIDE DISCOUNT DIVISION/
 
 .popup {
   position: fixed;
@@ -2900,7 +2897,7 @@ button:hover {
     line-height: 1.5rem; /* Adjust line height for smaller devices */
   }
 
-  .header__content .action__btns {
+  .header_content .action_btns {
     gap: 1.5rem; /* Add gap between buttons */
   }
 
@@ -3002,5 +2999,4 @@ a:hover::after {
   color:#0077b5;
   margin-bottom: auto;
   font-size: 14px;
-  font-weight: 600;
-}
+  font-weight: 600;