Merge pull request #48 from ProsperousHeart/issue39-reactapp

integration of prior Donations section (basic HTML & CSS)
codefordallas · May 31, 2023 · 9b63fb1 · 9b63fb1
2 parents 8961ebd + 6e63c45
commit 9b63fb1
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 5 deletions.
diff --git a/my-app/src/components/Donations/Donations.css b/my-app/src/components/Donations/Donations.css
@@ -17,4 +17,9 @@
     margin-top: 0;
     padding-bottom: 2em;
     padding-top:  2rem;
+}
+
+#Donations .btn {
+    float: right;
+    border: 2px solid black
 }
diff --git a/my-app/src/components/Donations/Donations.js b/my-app/src/components/Donations/Donations.js
@@ -1,13 +1,23 @@
-import React from 'react';
-import './Donations.css';
+import React from "react";
+import "./Donations.css";
 
 const Donations = () => {
     return (
         <section id="Donations">
             <h1>How To Donate</h1>
             <p>This is the donations section!</p>
+            <div>
+                <div className="btn">
+                    <a href="https://opencollective.com/open-dallas/contribute">
+                        Link to Donation Page
+                    </a>
+                </div>
+                <div>
+                    Looking to support us? Click the button to see our donation page:
+                </div>
+            </div>
         </section>
-    )
-}
+    );
+};
 
-export default Donations;
+export default Donations;
diff --git a/my-app/src/components/Donations/donation.html b/my-app/src/components/Donations/donation.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+
+</head>
+<body>
+    <div>
+        <div style="float: right; border: 2px solid black">
+            <a href="https://opencollective.com/open-dallas/contribute">Link to Donation Page</a>
+        </div>
+        <div >
+            Looking to support us? Click the button to see our donation page: 
+        </div>
+    </div>
+</body>
+</html>