contact modal component

carolrs · Jun 22, 2023 · b83c9ef · b83c9ef
1 parent 3193c99
commit b83c9ef
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/ContactModal.js b/src/ContactModal.js
@@ -0,0 +1,18 @@
+import React from 'react';
+
+const ContactModal = ({ onClose }) => {
+   return(
+    <>
+    <div className="modal">
+      <div className="modal-content">
+        <span className="close" onClick={onClose}>&times;</span>
+        <h2 className="font-bold text-2xl mb-2 lg: text:4xl">Contact Details:</h2>
+        <p><a href="https://github.com/carolrs" target="_blank" rel="noopener noreferrer">GitHub</a></p>
+        <p><a href="https://www.linkedin.com/in/anacarolrsoares/" target="_blank" rel="noopener noreferrer">LinkedIn</a></p>        </div>
+      </div>
+    </>
+   )
+
+}
+
+export default ContactModal;