From 42fab4a8cadf28509a9201c6836a6f97d7410277 Mon Sep 17 00:00:00 2001
From: Diksha Shukla <60606998+dikshashukla455@users.noreply.github.com>
Date: Fri, 22 Apr 2022 12:55:30 +0530
Subject: [PATCH 1/2] Redesign the contact component

---
 src/pages/Contact.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index 8700796..6af9111 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -103,6 +103,8 @@ const Contact = () => {
       </Row>
       <hr />
       <Row>
+    <h2>Send us a message</h2>
+    <p>Sends us a message and we will get back to you asap!</p>
         <Col md={6} className='contact-form'>
           <Form onSubmit={formSubmitHandler}>
             <Form.Group as={Row} controlId='formHorizontalEmail'>
@@ -165,4 +167,4 @@ const Contact = () => {
   )
 };
 
-export default Contact;
\ No newline at end of file
+export default Contact;

From 8cdb2ce177b82dfdd59bafb25c9df5f929adbc01 Mon Sep 17 00:00:00 2001
From: Diksha Shukla <60606998+dikshashukla455@users.noreply.github.com>
Date: Fri, 22 Apr 2022 12:58:01 +0530
Subject: [PATCH 2/2] Updated the contact style

---
 src/styles/Contact.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/styles/Contact.css b/src/styles/Contact.css
index 5448d0a..98d44da 100644
--- a/src/styles/Contact.css
+++ b/src/styles/Contact.css
@@ -5,12 +5,22 @@
   border-radius: 10px;
   text-align: center;
   line-height: 4;
-  background-color: #f3f3f3;
+  background-color: #fefefe;
+  box-shadow: 0.5px 0.5px 6px rgb(208, 204, 204);
+  transition: all 0.2s
+}
+.contact-card:hover{
+  transform: scale(1.03);
+}
+
+h2{
+  color: #3d9dd9;
 }
 
 .contact-form {
-  margin-bottom: 4em;
+  margin: 0.5em auto 4em auto;
 }
+
 .contact-padding{
   padding-top: 8.7em;
 }
@@ -20,4 +30,4 @@
   font-size: small;
   padding: 0;
   margin: 0;
-}
\ No newline at end of file
+}