From 803e1b427fb8d63c47069f02b7e036f888b7f273 Mon Sep 17 00:00:00 2001
From: Diksha Shukla <60606998+dikshashukla455@users.noreply.github.com>
Date: Mon, 9 May 2022 18:08:53 +0530
Subject: [PATCH 1/4] Redesign the contact component

---
 src/pages/Contact.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index 70f7638..400055c 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -6,7 +6,7 @@ import { FaGitter } from 'react-icons/fa';
 
 function Contact(){
   let formIsValid = false
-
+  
   const [email, setEmailAttr] = useState({
     value: '',
     focused: false
@@ -129,6 +129,8 @@ function Contact(){
         </Col>
       </Row>
       <hr />
+    <h2>Send us a message</h2>
+    <p>Sends us a message and we will get back to you asap!</p>
       <Row>
         <Col md={6} className='contact-form'>
           <Form onSubmit={formSubmitHandler}>
@@ -192,4 +194,4 @@ function Contact(){
   )
 };
 
-export default Contact
\ No newline at end of file
+export default Contact

From 2d7b4f86e09d7b57a141187f7128a8f59db50428 Mon Sep 17 00:00:00 2001
From: Diksha Shukla <60606998+dikshashukla455@users.noreply.github.com>
Date: Mon, 9 May 2022 18:11:08 +0530
Subject: [PATCH 2/4] Redesign the contact component

---
 src/pages/Contact.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index 400055c..48f82ec 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -129,9 +129,9 @@ function Contact(){
         </Col>
       </Row>
       <hr />
+      <Row>
     <h2>Send us a message</h2>
     <p>Sends us a message and we will get back to you asap!</p>
-      <Row>
         <Col md={6} className='contact-form'>
           <Form onSubmit={formSubmitHandler}>
             <Form.Group as={Row} controlId='formHorizontalEmail'>

From 4506396f2e0798e01551737383b0225c1ee43e11 Mon Sep 17 00:00:00 2001
From: Diksha Shukla <60606998+dikshashukla455@users.noreply.github.com>
Date: Mon, 9 May 2022 18:15:48 +0530
Subject: [PATCH 3/4] Redesign the contact component

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

diff --git a/src/styles/Contact.css b/src/styles/Contact.css
index d7c0d27..aaa7027 100644
--- a/src/styles/Contact.css
+++ b/src/styles/Contact.css
@@ -5,16 +5,24 @@
   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;
 }
-
 .invalidInput{
   color: red;
   font-size: small;

From 43fe5948d169a3734346c9f2cf074eac2f3c5d9f Mon Sep 17 00:00:00 2001
From: Diksha Shukla <60606998+dikshashukla455@users.noreply.github.com>
Date: Thu, 12 May 2022 17:12:12 +0530
Subject: [PATCH 4/4] Making the headings in center alignment

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

diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index 48f82ec..d1c3f40 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -56,10 +56,12 @@ function Contact(){
 
   return (
     <Container>
+    <center>
       <h1 className="mt-4">Contact Us</h1>
       <p className='mt-p'>
         Ideas? Comments? Critiques? Want to help out? Here’s how to get in contact:
       </p>
+    </center>
       <Row className='contact-card-one'>
         <Col md={6}>
           <div className='contact-card' style={{ color: '#E74D3C' }}>
@@ -130,8 +132,10 @@ function Contact(){
       </Row>
       <hr />
       <Row>
+     <center>
     <h2>Send us a message</h2>
     <p>Sends us a message and we will get back to you asap!</p>
+     </center>
         <Col md={6} className='contact-form'>
           <Form onSubmit={formSubmitHandler}>
             <Form.Group as={Row} controlId='formHorizontalEmail'>