donate.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <meta property="og:site_name" content="" />
  8. <meta property="og:title" content=""/>
  9. <meta property="og:description" content="" />
  10. <meta property="og:image" content="" />
  11. <meta property="og:url" content="" />
  12. <meta name="twitter:card" content="summary_large_image">
  13. <title>Donate - The Greenwood Promise</title>
  14. <link href="css/site.css" rel="stylesheet">
  15. <link rel="icon" href="img/favicon.png">
  16. </head>
  17. <body>
  18. <header>
  19. <nav class="autohide navbar fixed-top navbar-expand-lg navbar-dark bg-gwp-grey fs-5">
  20. <div class="container">
  21. <a class="navbar-brand" href="/">
  22. <img src="img/_gwp_logo.png" alt="The Greenwood Promise" width="200" class="d-inline-block align-text-top">
  23. </a>
  24. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  25. <span class="navbar-toggler-icon"></span>
  26. </button>
  27. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  28. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  29. <li class="nav-item">
  30. <a class="nav-link" aria-current="page" href="about.html">About</a>
  31. </li>
  32. <li class="nav-item">
  33. <a class="nav-link" href="eligibility.html">Eligibility</a>
  34. </li>
  35. <li class="nav-item">
  36. <a class="nav-link" href="news.html">News</a>
  37. </li>
  38. <li class="nav-item">
  39. <a class="nav-link" href="leadership.html">Leadership</a>
  40. </li>
  41. <li class="nav-item">
  42. <a class="nav-link" href="investors.html">Investors</a>
  43. </li>
  44. <li class="nav-item">
  45. <a class="nav-link" href="contact.html">Contact</a>
  46. </li>
  47. </ul>
  48. <ul class="navbar-nav ml-auto">
  49. <li class="nav-item">
  50. <a href="https://greenwoodpromise.networkforgood.com" class="mx-1 btn btn-gwp-blue" role="button">Donate</a>
  51. </li>
  52. <li class="nav-item">
  53. <a target="_blank" href="https://greenwoodpromise.escholarshipsolutions.com" class="mx-1 btn btn-gwp-green" role="button">eScholarship <i class="bi bi-box-arrow-in-up-right"></i></a>
  54. </li>
  55. </ul>
  56. <form class="d-flex">
  57. <input id="SearchCollapse" class="collapse collapse-horizontal form-control me-2" type="search" placeholder="Search" aria-label="Search">
  58. <button class="btn btn-gwp-blue-green" type="button" data-bs-toggle="collapse" data-bs-target="#SearchCollapse"><i class="bi bi-search"></i></button>
  59. </form>
  60. </div>
  61. </div>
  62. </nav>
  63. </header>
  64. <main>
  65. <div class="container-fluid bg-gwp-blue-green py-5">
  66. <div class="row justify-content-md-center pt-3">
  67. <div class="col-lg-10 text-center">
  68. <h1 class="amatic display-5 fw-bold mb-3">Donate</h1>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="container-fluid">
  73. <div class="row">
  74. <div class="col bg-gwp-blue">&nbsp;</div>
  75. <div class="col bg-gwp-blue-green">&nbsp;</div>
  76. <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
  77. <div class="col bg-gwp-green-green-blue">&nbsp;</div>
  78. <div class="col bg-gwp-green">&nbsp;</div>
  79. <div class="col bg-gwp-blue">&nbsp;</div>
  80. <div class="col bg-gwp-blue-green">&nbsp;</div>
  81. <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
  82. <div class="col bg-gwp-green-green-blue">&nbsp;</div>
  83. <div class="col bg-gwp-green">&nbsp;</div>
  84. <div class="col bg-gwp-blue">&nbsp;</div>
  85. <div class="col bg-gwp-blue-green">&nbsp;</div>
  86. <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
  87. <div class="col bg-gwp-green-green-blue">&nbsp;</div>
  88. <div class="col bg-gwp-green">&nbsp;</div>
  89. </div>
  90. </div>
  91. <div class="container-fluid">
  92. <div class="container">
  93. <iframe src="https://givebox.com/520028?public=true&noFocus=true" frameBorder="no" scrolling="auto" height="1400px" width="100%"></iframe>
  94. <!--<div class="row justify-content-md-center py-5">
  95. <div class="col-10 text-center">
  96. <h5>Yes, I want to make an investment in Greenwood County's student and in the future of our community.</h5>
  97. <form class="form-group" action="" method="post" id="" name="" target="_blank" novalidate>
  98. <div class="row mb-1 gx-1">
  99. <div class="form-group">
  100. <div class="col">
  101. <input type="text" class="form-control" id="" placeholder="My 5 Year Pledge is $___">
  102. </div>
  103. </div>
  104. </div>
  105. <div class="row mb-1 gx-1">
  106. <div class="form-group">
  107. <div class="col">
  108. <input type="text" class="form-control" id="" placeholder="Credit Card #">
  109. </div>
  110. </div>
  111. </div>
  112. <div class="row gx-1 my-1">
  113. <div class="col">
  114. <input type="text" value="" name="FNAME" class="required form-control" id="FNAME" placeholder="First name">
  115. </div>
  116. <div class="col">
  117. <input type="text" value="" name="LNAME" class="required form-control" id="LNAME" placeholder="Last name">
  118. </div>
  119. </div>
  120. <div class="row gx-1 my-1">
  121. <div class="col">
  122. <input type="text" value="" name="" class="required form-control" id="" placeholder="Street Address">
  123. </div>
  124. <div class="col">
  125. <input type="text" value="" name="" class="required form-control" id="" placeholder="Address Cont.( Apt/Office # )">
  126. </div>
  127. </div>
  128. <div class="row gx-1 my-1">
  129. <div class="col">
  130. <input type="text" value="" name="" class="required form-control" id="" placeholder="City">
  131. </div>
  132. <div class="col">
  133. <input type="text" value="" name="" class="required form-control" id="" placeholder="State">
  134. </div>
  135. </div>
  136. <div class="row gx-1 my-1">
  137. <div class="col">
  138. <input type="email" value="" name="EMAIL" class="form-control required email" id="EMAIL" placeholder="Email Address">
  139. </div>
  140. <div class="col">
  141. <input type="email" value="" name="PHONE" class="form-control required " id="" placeholder="Phone Number">
  142. </div>
  143. </div>
  144. <div class="row gx-1 my-1">
  145. <div class="col">
  146. <textarea class="form-control" placeholder="Donation Comment or Dedication" id="floatingTextarea2" style="height: 100px"></textarea>
  147. </div>
  148. </div>
  149. </form>
  150. <button class="fs-3 btn btn-lg btn-gwp-blue" type="button">Donate</button>
  151. </div>
  152. </div>
  153. </div>
  154. </div>-->
  155. <!--<div class="containter-fluid">
  156. <div class="row justify-content-md-center text-center py-5">
  157. <div class="col-4">
  158. <h5>Support The Greenwood Promise when you shop at <a class="link-gwp-grey" href="https://smile.amazon.com/ch/47-4599149">smile.amazon.com</a></h5>
  159. <a href="https://smile.amazon.com/ch/47-4599149" class="btn btn-gwp-blue-green btn-lg ">
  160. <img class="img-fluid" src="img/amazon_smile.png" width="150">
  161. </a>
  162. </div>
  163. </div>
  164. </div>-->
  165. </main>
  166. <div class="container-fluid">
  167. <div class="row">
  168. <div class="col bg-gwp-blue">&nbsp;</div>
  169. <div class="col bg-gwp-blue-green">&nbsp;</div>
  170. <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
  171. <div class="col bg-gwp-green-green-blue">&nbsp;</div>
  172. <div class="col bg-gwp-green">&nbsp;</div>
  173. <div class="col bg-gwp-blue">&nbsp;</div>
  174. <div class="col bg-gwp-blue-green">&nbsp;</div>
  175. <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
  176. <div class="col bg-gwp-green-green-blue">&nbsp;</div>
  177. <div class="col bg-gwp-green">&nbsp;</div>
  178. <div class="col bg-gwp-blue">&nbsp;</div>
  179. <div class="col bg-gwp-blue-green">&nbsp;</div>
  180. <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
  181. <div class="col bg-gwp-green-green-blue">&nbsp;</div>
  182. <div class="col bg-gwp-green">&nbsp;</div>
  183. </div>
  184. </div>
  185. <footer class="bg-gwp-grey text-light border-top py-5">
  186. <div class="container my-5">
  187. <div class="row">
  188. <div class="col">
  189. <img src="img/_gwp_logo-2.png" alt="The Greenwood Promise" width="120" class="d-inline-block align-text-top float-end"/>
  190. <p class="amatic fs-1 text-gwp-green mb-0">The Greenwood Promise</p>
  191. <p class="mb-0">P.O. Box 49458 Greenwood, SC 29649</p>
  192. <p class="mb-0"><i class="bi bi-telephone"></i> Tel: <a class="link-light text-decoration-none" href="tel:864-377-8110">(864) 377-8110</a></p>
  193. <p class="mb-0"><i class="bi bi-envelope"></i> <a class="link-light text-decoration-none" href="mailto:info@greenwoodpromise.com">info@greenwoodpromise.com</a></p>
  194. <p class="fs-2"> <a class="link-light" href="https://www.facebook.com/TheGreenwoodPromise/" target="_blank"><i class="bi bi-facebook"></i></a> <a class="link-light" href="https://twitter.com/thegwdpromise" target="_blank"><i class="bi bi-twitter"></i></a> <a class="link-light" href="https://www.instagram.com/greenwoodpromise/" target="_blank"><i class="bi bi-instagram"></i></a></p>
  195. </div>
  196. <div class="col-4">
  197. <h5 class="mb-0 text-gwp-blue fw-light text-uppercase">The Power of Promise</h5>
  198. <div id="mc_embed_signup">
  199. <form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
  200. <p class="text-gwp-green mb-1"> <i class="bi bi-envelope"></i> Sign Up for Email Updates</p>
  201. <div class="row gx-1">
  202. <div class="col">
  203. <input type="text" value="" name="FNAME" class="required form-control" id="mce-FNAME" placeholder="First name">
  204. </div>
  205. <div class="col">
  206. <input type="text" value="" name="LNAME" class="required form-control" id="mce-LNAME" placeholder="Last name">
  207. </div>
  208. </div>
  209. <div class="row gx-1 mt-1">
  210. <div class="col-md-9">
  211. <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="Email Address">
  212. <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_996a177c2cf9b80af1049a13c_9a642f3dc3" tabindex="-1" value=""></div>
  213. </div>
  214. <div class="col-md-3">
  215. <button class="btn btn-outline-gwp-green" type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="btn btn-outline-light mt-2">Sign Up</button>
  216. </div>
  217. <div id="mce-responses" class="clear">
  218. <div class="response" id="mce-error-response" style="display:none"></div>
  219. <div class="response" id="mce-success-response" style="display:none"></div>
  220. </div>
  221. </div>
  222. </form>
  223. </div>
  224. </div>
  225. <div class="row">
  226. <div class="col">
  227. <p class="float-end mb-1">
  228. <a href="#"><i class="bi bi-arrow-up-circle-fill text-light fs-2"></i></a>
  229. </p>
  230. </div>
  231. </div>
  232. <div class="row">
  233. <div class="col float-end">
  234. <p class="text-gwp-blue mb-0">Downloads: <a class="link-gwp-blue-green" href="press.html">Press Kit</a> / <a class="link-gwp-blue-green" href="brochure.html">Brochure</a></p>
  235. <p class="text-gwp-blue">Website: <a class="link-gwp-blue-green" href="colophon.html">Colophon</a></p>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </footer>
  241. <script src="js/site.js"></script>
  242. </body>
  243. </html>