DavidJentes
/
websitedesign2023
mirror of https://github.com/DavidJentes/websitedesign2023
1
0
Fork 0
Code

Add donation button and thank you page

main
dugo3number2 2023-03-30 10:58:21 -05:00
parent 68d5bb2e8f
commit 0a41d57fd8
2 changed files with 57 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/index.html
View File

@ -38,6 +38,16 @@
<h2>I want to volunteer!</h2>
<p>You can email us to become a volunteer on our <a href="contact">Contact Us page</a>. This is the only way to sign up.</p>
</article>
<script async
src="https://js.stripe.com/v3/buy-button.js">
</script>
<stripe-buy-button
buy-button-id="buy_btn_1Mr5uyIMVsaz1FbAY3ZPB6jw"
publishable-key="pk_test_51Mr3gpIMVsaz1FbA0Qhoacsyl3PzNFcvZ9TRXyLZ4nyp1MqIo9lQxbi9SzrJWqLqjhQkMxRYCGizcB3KkgolPIWu00LdVXnixz"
>
</stripe-buy-button><br />
<span>The donate button is in test mode. For a test run, use card number 4242 4242 4242 4242, any future date, and any future CVC for a card or Klarna. For Cash App, use the app on your phone logged into any account. It will not transfer real money. For US bank account, use Test Institution and the Success account. It also supports Google and Apple Pay using a normal card. Again, it won't transfer real money. You can remove the card afterwards if you wish.</span>
</main>
<footer data-m="bounce-up" data-m-delay="1" duration="1">
<ul>

47
docs/thankyou/index.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<title>Thank you! - The Chereb Foundation</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="../assets/css/main.css">
<link rel="stylesheet" href="../assets/css/pages.css">
<link rel="stylesheet" href="../assets/css/movement.css">
<link rel="stylesheet" href="../assets/css/contact.css">
</head>
<body>
<header data-m="reveal-right" data-m-duration="0.5">
<h1>The Chereb Foundation</h1>
<a href="javascript:void(0)" id="menu"><img src="../assets/img/hamburger.svg" width="25"></a>
<nav>
<ul>
<li><a href="..">Home</a></li>
<li><a href="../about">About</a></li>
<li><a href="../projects">Projects</a></li>
<li><a href="../calendar">Calendar</a></li>
<li><a href="#" id="current">Contact Us</a></li>
</ul>
</nav>
</header>
<main data-m="drop" data-m-duration="0.5">
<h1>Thank you for your donation!</h1>
<p>Your donation will be used in our ministries in whichever way you chose on the donation screen.</p>
<a href="../projects">Do you want to see what you donated to?</a><br />
<a href="../about">Do you want to read more about our organization?</a><br />
<a href="..">Do you want to go to the home page?</a><br />
</main>
<footer data-m="bounce-up" data-m-duration="0.5">
<ul>
<li><a href="..">Home</a></li>
<li><a href="../about">About</a></li>
<li><a href="../projects">Projects</a></li>
<li><a href="../calendar">Calendar</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</footer>
<script src="../assets/js/scroll.js"></script>
<script src="../assets/js/menu.js"></script>
</body>
</html>