Made the modification and add more decoration (#340)

gauravsingh1281 · web-flow · commit 5e68e85e5aac · 2024-10-14T00:45:18.000+05:30
diff --git a/src/components/AboutUs-section/AboutUs-section.css b/src/components/AboutUs-section/AboutUs-section.css
@@ -19,13 +19,14 @@
 .aboutUs-section .primary-heading {
   font-size: 48px;
   font-weight: 600;
-  color: #312F2F;
+  color: #141010;
 }
 
 #AboutUs {
   margin-bottom: 5rem;
+  font-weight: 500;
 }
 
 .mf-cursor::before {
-  transform: scale(2);
+  transform: scale(2.8);
 }
diff --git a/src/components/Contact-section/Contact-section.css b/src/components/Contact-section/Contact-section.css
@@ -8,7 +8,7 @@ main {
     padding-top: 0; /* Remove extra padding if present */
     margin-bottom: 5rem;
 
-    background-color: #cdf6f6; /* Light cyan background */
+    background-color: #b4f8f8; /* Light cyan background */
     border: 2px solid #020202; /* Border color */
     border-radius: 8px; /* Rounded corners */
     padding: 10px; /* Spacing inside the section */
@@ -19,5 +19,6 @@ main {
     display: flex;
     text-align: center;
     margin-left: 98px;
+    font-style: bold;
 }
 
diff --git a/src/components/Header-section/Header-section.css b/src/components/Header-section/Header-section.css
@@ -65,7 +65,8 @@
   background: transparent;
   border-color: #1abc9c;
   border-width: 2px;
-  color: #1abc9c;
+  color: #099061;
+  transition-behavior:initial;
 }
 
 @media (max-width: 768px) {
@@ -108,7 +109,7 @@
 
 @media (max-width: 580px) {
   .navbar .logo {
-    width: 170px;
+    width: 200px;
   }
 
   .navbar .menu-icon {
@@ -143,6 +144,6 @@
     font-weight: 700;
     width: 42%;
     height: 44px;
-    background: #1abc9c;
+    background: #57ecce;
   }
 }
diff --git a/src/components/Services-section/Services-section.css b/src/components/Services-section/Services-section.css
@@ -1,3 +1,3 @@
 #Service {
-    margin-bottom: 80px;
+    margin-bottom: 120px;
 }
diff --git a/src/components/testimonial-section/Testimonial.css b/src/components/testimonial-section/Testimonial.css
@@ -1,4 +1,4 @@
 .testimonial{
-    background: linear-gradient(180deg, rgba(129, 70, 62, 0.00) 0%, rgba(61, 36, 33, 0.80) 100%);
+    background: linear-gradient(180deg, rgba(135, 69, 60, 0) 0%, rgba(61, 36, 33, 0.80) 100%);
     box-shadow: 0px 10px 39px 0px rgba(0, 0, 0, 0.25);
 }

Original file line number	Diff line number	Diff line change
`@@ -19,13 +19,14 @@`
`19`	`19`	`.aboutUs-section .primary-heading {`
`20`	`20`	`font-size: 48px;`
`21`	`21`	`font-weight: 600;`
`22`		`- color: #312F2F;`
	`22`	`+ color: #141010;`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`#AboutUs {`
`26`	`26`	`margin-bottom: 5rem;`
	`27`	`+ font-weight: 500;`
`27`	`28`	`}`
`28`	`29`
`29`	`30`	`.mf-cursor::before {`
`30`		`- transform: scale(2);`
	`31`	`+ transform: scale(2.8);`
`31`	`32`	`}`
Original file line number	Diff line number	Diff line change
`@@ -65,7 +65,8 @@`
`65`	`65`	`background: transparent;`
`66`	`66`	`border-color: #1abc9c;`
`67`	`67`	`border-width: 2px;`
`68`		`- color: #1abc9c;`
	`68`	`+ color: #099061;`
	`69`	`+ transition-behavior:initial;`
`69`	`70`	`}`
`70`	`71`
`71`	`72`	`@media (max-width: 768px) {`
`@@ -108,7 +109,7 @@`
`108`	`109`
`109`	`110`	`@media (max-width: 580px) {`
`110`	`111`	`.navbar .logo {`
`111`		`- width: 170px;`
	`112`	`+ width: 200px;`
`112`	`113`	`}`
`113`	`114`
`114`	`115`	`.navbar .menu-icon {`
`@@ -143,6 +144,6 @@`
`143`	`144`	`font-weight: 700;`
`144`	`145`	`width: 42%;`
`145`	`146`	`height: 44px;`
`146`		`- background: #1abc9c;`
	`147`	`+ background: #57ecce;`
`147`	`148`	`}`
`148`	`149`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`#Service {`
`2`		`- margin-bottom: 80px;`
	`2`	`+ margin-bottom: 120px;`
`3`	`3`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`	`1`	`.testimonial{`
`2`		`- background: linear-gradient(180deg, rgba(129, 70, 62, 0.00) 0%, rgba(61, 36, 33, 0.80) 100%);`
	`2`	`+ background: linear-gradient(180deg, rgba(135, 69, 60, 0) 0%, rgba(61, 36, 33, 0.80) 100%);`
`3`	`3`	`box-shadow: 0px 10px 39px 0px rgba(0, 0, 0, 0.25);`
`4`	`4`	`}`