Merge pull request #372 from Kiran-pande-30/contact_us_heading

Fix: Contact us Heading added
Mansi168 · Aug 9, 2024 · b26409f · b26409f
2 parents c021b7c + 1f38172
commit b26409f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/components/Contact/contact.css b/src/components/Contact/contact.css
@@ -10,6 +10,14 @@
         transition-property: opacity, transform;
     }
 }
+.contact-heading{
+    color: rgb(85 253 150);
+    text-align: center;
+}
+.contact-title{
+    font-size: 3rem;
+    font-weight: 500;
+}
 
 .contact-container {
     position: relative;
@@ -148,6 +156,4 @@
     .contact-container{
         margin-top: 0px;
     }
-
-
-}
+}
diff --git a/src/components/Contact/contact.jsx b/src/components/Contact/contact.jsx
@@ -50,11 +50,11 @@ const Contact = () => {
 
   return (
     <section>
+      <div className='contact-heading'>
+        <h1 className='contact-title'>Contact Us</h1>
+      </div>
       <div className="contact-container" data-aos="fade down">
         <div className="contactInfo">
-          <div>
-            {/* Contact info section */}
-          </div>
         </div>
         <div className="contactForm">
           <h2>Send a Message</h2>
@@ -92,4 +92,4 @@ const Contact = () => {
   );
 };
 
-export default Contact;
+export default Contact;