Browse Source

phase 2 form

windhamdavid 2 years ago
parent
commit
44841a794d
6 changed files with 208 additions and 3 deletions
  1. 13 1
      README.md
  2. 180 0
      about-phase-2-form.html
  3. 1 0
      about.html
  4. 6 0
      css/site.css
  5. 6 0
      css/styles.css
  6. 2 2
      index.html

+ 13 - 1
README.md

@@ -1,3 +1,15 @@
 # README 
 
-## Site for GWP
+### The Greenwood Promise
+
+[https://greenwoodpromise.com](https://greenwoodpromise.com)
+
+Charitable work for a good cause. They had an unkempt wix site that I migrated to a static site so that I could clean it up a bit. I may eventually move it to a CMS if needed.  
+
+#### Notes
+
+- 21.12
+  - add Phase 2 jotform
+  - fix text overrun on mobile slider
+- 21.07 
+  - published and migrated to host

+ 180 - 0
about-phase-2-form.html

@@ -0,0 +1,180 @@
+<!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="The Greenwood Promise" />
+  	<meta property="og:title" content="About Phase 2 - The Greenwood Promise"/> 
+  	<meta property="og:description" content="Our vision is to foster a community actively engaged in education." />
+  	<meta property="og:image" content="https://greenwoodpromise.com/img/_gwp_og.png" />
+  	<meta property="og:url" content="https://greenwoodpromise.com" />
+  	<meta name="twitter:card" content="summary_large_image">
+    <title>Phase 2 FAQs - The Greenwood Promise</title>
+    <link href="css/site.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png">
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-53FCS3FYTN"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-53FCS3FYTN');
+    </script>
+</head>
+</script>
+<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">
+    <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>
+  <div class="container py-5 my-5">
+    <div class="row justify-content-md-center">
+      <div class="col-10">
+        <script type="text/javascript" src="https://form.jotform.com/jsform/221935978441163"></script>
+      </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" disabled>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> 

+ 1 - 0
about.html

@@ -93,6 +93,7 @@
         <h5 class="text-gwp-grey fw-bold">Fundraising In Progress</h5>
         <p>This includes Phase 1 plus the last two years of a post-secondary education at Lander University or another state-supported institution if the desired degree is not offered at Lander.  We are currently not funding students in Phase 2.</p>
         <a href="about-phase-2.html" class="mx-1 btn btn-gwp-blue" role="button">Phase 2 FAQs</a>
+        <a href="about-phase-2-form.html" class="mx-1 btn btn-gwp-blue" role="button">Phase 2 Application</a>
       </div>
       <div class="col-md-4 text-center p-5 bg-gwp-green bg-opacity-50">
         <h2 class="text-gwp-grey fw-bold">Phase 3</h2>

+ 6 - 0
css/site.css

@@ -104,6 +104,12 @@ footer .form-control::placeholder {
 table.costs tr.border-top {
   border-top: 2px solid !important;
 }
+
+@media (max-width: 575.98px) { 
+  .display-3 {
+    font-size: 19px;
+  }
+}
 @charset "UTF-8";
 /***********************************************************
 ################## greenwoodpromise.com ####################

+ 6 - 0
css/styles.css

@@ -103,4 +103,10 @@ footer .form-control::placeholder {
 }
 table.costs tr.border-top {
   border-top: 2px solid !important;
+}
+
+@media (max-width: 575.98px) { 
+  .display-3 {
+    font-size: 19px;
+  }
 }

+ 2 - 2
index.html

@@ -58,7 +58,7 @@
           <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">
+          <li class="nav-item mob-pad">
             <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>
@@ -83,7 +83,7 @@
         <img src="img/slide_garden.jpg" class="img-fluid w-100" alt="...">
         <div class="carousel-caption bg-gwd-green bg-opacity-50 animate__animated animate__fadeInUpBig d-md-block">
           <h4 class="display-3 fw-bold amatic text-gwp-blue animate__animated animate__fadeInUpBig">With your investment, we can transform Greenwood County's future.</h4>
-          <h5 class="fs-3 pb-3 animate__animated animate__fadeIn animate__delay-2s">The Promise bolsters our County's <br>talent pipeline and promotes equity in education.</h5>
+          <h5 class="pb-3 d-none d-sm-block animate__animated animate__fadeIn animate__delay-2s">The Promise bolsters our County's <br>talent pipeline and promotes equity in education.</h5>
           <a href="investors.html" class="btn btn-lg btn-gwp-blue" role="botton">Our Investors &amp; Donors</a>
         </div>
       </div>