<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
  	<meta property="og:site_name" content="" /> 
  	<meta property="og:title" content=""/> 
  	<meta property="og:description" content="" />
  	<meta property="og:image" content="" />
  	<meta property="og:url" content="" />
  	<meta name="twitter:card" content="summary_large_image">
    <title>Donate - The Greenwood Promise</title>
    <link href="css/site.css" rel="stylesheet">
    <link rel="icon" href="img/favicon.png">
</head>
<body>
<header>
  <nav class="autohide navbar fixed-top navbar-expand-lg navbar-dark bg-gwp-grey fs-5">
    <div class="container">
      <a class="navbar-brand" href="/">
        <img src="img/_gwp_logo.png" alt="The Greenwood Promise" width="200" class="d-inline-block align-text-top">
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link" aria-current="page" href="about.html">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="eligibility.html">Eligibility</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="news.html">News</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="leadership.html">Leadership</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="investors.html">Investors</a>
          </li>

          <li class="nav-item">
            <a class="nav-link" href="contact.html">Contact</a>
          </li>
        </ul>
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a href="https://greenwoodpromise.networkforgood.com" class="mx-1 btn btn-gwp-blue" role="button">Donate</a>
          </li>
          <li class="nav-item">
            <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>
          </li>
        </ul>
        <!--<form class="d-flex">
          <input id="SearchCollapse" class="collapse collapse-horizontal form-control me-2" type="search" placeholder="Search" aria-label="Search">
          <button class="btn btn-gwp-blue-green" type="button" data-bs-toggle="collapse" data-bs-target="#SearchCollapse"><i class="bi bi-search"></i></button>
        </form>-->
      </div>
    </div>
  </nav>
</header>
<main>
  <div class="container-fluid bg-gwp-blue-green py-5">
    <div class="row justify-content-md-center pt-3">
      <div class="col-lg-10 text-center">
        <h1 class="amatic display-5 fw-bold mb-3">Donate</h1>
      </div>
    </div>
  </div>
  <div class="container-fluid">
  <div class="row">
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
  </div>
</div>
  <div class="container-fluid">
    <div class="container">
      <iframe src="https://givebox.com/520028?public=true&noFocus=true" frameBorder="no" scrolling="auto" height="1400px" width="100%"></iframe>
      <!--<div class="row justify-content-md-center py-5">
        <div class="col-10 text-center">
          <h5>Yes, I want to make an investment in Greenwood County's student and in the future of our community.</h5>
          <form class="form-group" action="" method="post" id="" name="" target="_blank" novalidate>
            <div class="row mb-1 gx-1">
              <div class="form-group">
                <div class="col">
                  <input type="text" class="form-control" id="" placeholder="My 5 Year Pledge is $___">
                </div>
              </div>
            </div>
            <div class="row mb-1 gx-1">
              <div class="form-group">
                <div class="col">
                  <input type="text" class="form-control" id="" placeholder="Credit Card #">
                </div>
              </div>
            </div>
            <div class="row gx-1 my-1">
              <div class="col">
                <input type="text" value="" name="FNAME" class="required form-control" id="FNAME" placeholder="First name">
              </div>
              <div class="col">
                <input type="text" value="" name="LNAME" class="required form-control" id="LNAME" placeholder="Last name">
              </div>
            </div>
            <div class="row gx-1 my-1">
              <div class="col">
                <input type="text" value="" name="" class="required form-control" id="" placeholder="Street Address">
              </div>
              <div class="col">
                <input type="text" value="" name="" class="required form-control" id="" placeholder="Address Cont.( Apt/Office # )">
              </div>
            </div>
            <div class="row gx-1 my-1">
              <div class="col">
                <input type="text" value="" name="" class="required form-control" id="" placeholder="City">
              </div>
              <div class="col">
                <input type="text" value="" name="" class="required form-control" id="" placeholder="State">
              </div>
            </div>
            <div class="row gx-1 my-1">
              <div class="col">
                <input type="email" value="" name="EMAIL" class="form-control required email" id="EMAIL" placeholder="Email Address">
              </div>   
              <div class="col">
                <input type="email" value="" name="PHONE" class="form-control required " id="" placeholder="Phone Number">
              </div>     
            </div>
            <div class="row gx-1 my-1">
              <div class="col">
                <textarea class="form-control" placeholder="Donation Comment or Dedication" id="floatingTextarea2" style="height: 100px"></textarea>
              </div>     
            </div>
          </form>
          <button class="fs-3 btn btn-lg btn-gwp-blue" type="button">Donate</button>
        </div>
      </div>
    </div>

  </div>-->
  <!--<div class="containter-fluid">
    <div class="row justify-content-md-center text-center py-5">
      <div class="col-4">
        <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>
        <a href="https://smile.amazon.com/ch/47-4599149" class="btn btn-gwp-blue-green btn-lg ">
          <img class="img-fluid" src="img/amazon_smile.png" width="150">
        </a>
      </div>
    </div>
  </div>-->
</main>
<div class="container-fluid">
  <div class="row">
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
  </div>
</div>
<footer class="bg-gwp-grey text-light border-top py-5">
  <div class="container my-5">
    <div class="row">
      <div class="col">
        <img src="img/_gwp_logo-2.png" alt="The Greenwood Promise" width="120" class="d-inline-block align-text-top float-end"/>
        <p class="amatic fs-1 text-gwp-green mb-0">The Greenwood Promise</p>
        <p class="mb-0">P.O. Box 49458 Greenwood, SC 29649</p>
        <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>
        <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>
        <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> 
      </div>
      <div class="col-4">
        <h5 class="mb-0 text-gwp-blue fw-light text-uppercase">The Power of Promise</h5>
        <div id="mc_embed_signup">
          <form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
            <p class="text-gwp-green mb-1"> <i class="bi bi-envelope"></i> Sign Up for Email Updates</p>
            <div class="row gx-1">
              <div class="col">
                <input type="text" value="" name="FNAME" class="required form-control" id="mce-FNAME" placeholder="First name">
              </div>
              <div class="col">
                <input type="text" value="" name="LNAME" class="required form-control" id="mce-LNAME" placeholder="Last name">
              </div>
            </div>
            <div class="row gx-1 mt-1">
              <div class="col-md-9">
                <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="Email Address">
                <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_996a177c2cf9b80af1049a13c_9a642f3dc3" tabindex="-1" value=""></div>
              </div>     
              <div class="col-md-3">
                <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>
              </div>
              <div id="mce-responses" class="clear">
                <div class="response" id="mce-error-response" style="display:none"></div>
                <div class="response" id="mce-success-response" style="display:none"></div>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <p class="float-end mb-1">
            <a href="#"><i class="bi bi-arrow-up-circle-fill text-light fs-2"></i></a>
          </p>
        </div>
      </div>
      <div class="row">
        <div class="col float-end">
          <p class="text-gwp-blue mb-0">Press Kit:  <a class="link-gwp-blue-green" href="brochure.html">Brochure</a></p>
        </div>
      </div>
    </div>
  </div>
</footer>
<script src="js/site.js"></script>
</body>
</html>