Merge pull request #125 from Riturajseal2001/development

Links are connected to respective images

Author: ikayz

src/pages/Contact.js

@@ -1,3 +1,34 @@
+Skip to content
+Search or jump to…
+Pull requests
+Issues
+Marketplace
+Explore
+ 
+@Riturajseal2001 
+codeisscience
+/
+journal-policy-tracker-frontend
+Public
+Code
+Issues
+20
+Pull requests
+7
+Actions
+Projects
+Wiki
+Security
+Insights
+journal-policy-tracker-frontend/src/pages/Contact.js /
+@prajwalkulkarni
+prajwalkulkarni Add contact form validation
+Latest commit 31e26c4 6 days ago
+ History
+ 5 contributors
+@prajwalkulkarni@jayeclark@padmajabhol@NumanAnees@dikshashukla455
+168 lines (153 sloc)  5.59 KB
+   
 /* eslint-disable react/function-component-definition */
 import React, { useState } from 'react';
 import '../styles/Contact.css';
@@ -64,42 +95,68 @@ const Contact = () => {
       <Row className='contact-card-one'>
         <Col md={6}>
           <div className='contact-card' style={{ color: '#E74D3C' }}>
+             <a
+              href='mailto:[email protected]'
+              style={{ 'text-decoration': 'none', color: 'inherit' }}
+              >
             <ImMail size={150} />
             <p>
               <a href='mailto:[email protected]'>[email protected]</a>
             </p>
+            </a>
           </div>
         </Col>
         <Col md={6}>
           <div className='contact-card' style={{ color: '#4C4C4D' }}>
+            <a
+            href='https://github.com/codeisscience'
+            target='_blank'
+            rel='noreferrer'
+            style={{ 'text-decoration': 'none', color: 'inherit' }}
+            >
             <ImGithub size={150} />
             <p>
               <a href='https://github.com/codeisscience' target='_blank' rel='noreferrer'>
                 GitHub
               </a>
             </p>
+            </a>
           </div>
         </Col>
       </Row>
       <Row className='contact-card-two'>
         <Col md={6}>
           <div className='contact-card' style={{ color: '#3D9DD9' }}>
+            <a
+            href='https://twitter.com/codeisscience'
+            target='_blank'
+            rel='noreferrer'
+            style={{ 'text-decoration': 'none', color: 'inherit' }}
+            >
             <ImTwitter size={150} />
             <p>
               <a href='https://twitter.com/codeisscience' target='_blank' rel='noreferrer'>
                 @codeisscience
               </a>
             </p>
+            </a>
           </div>
         </Col>
         <Col md={6}>
           <div className='contact-card' style={{ color: '#4C4C4D' }}>
             <FaGitter size={150} />
-            <p>
+            <a
+            href='https://gitter.im/codeisscience/Lobby'
+            target='_blank'
+            rel='noreferrer'
+            style={{ 'text-decoration': 'none', color: 'inherit' }}
+            >
+              <p>
               <a href='https://gitter.im/codeisscience/Lobby' target='_blank' rel='noreferrer'>
                 Gitter
               </a>
             </p>
+             </a>
           </div>
         </Col>
       </Row>
@@ -167,4 +224,17 @@ const Contact = () => {
   )
 };
 
-export default Contact;
+export default Contact;
+© 2022 GitHub, Inc.
+Terms
+Privacy
+Security
+Status
+Docs
+Contact GitHub
+Pricing
+API
+Training
+Blog
+About
+Loading complete