buff 💍

about.html

@@ -161,9 +161,18 @@
   <div class="container-fluid bg-gwp-grey text-light py-5">
     <div class="row justify-content-md-center">
       <div class="col-lg-6 text-center">
-        <h2 class="amatic display-5 fw-bold text-gwp-green">Impact</h2>
+        <h1 class="amatic display-5 fw-bold text-gwp-green">The Impact</h1>
         <p>The full impact of the Promise begins with our children and expands to revitalize the entire community, improve the quality of life, and develop a highly-qualified workforce that will meet the needs of local employers, both now and in the future.</p>
-        <p class="text-gwp-blue fs-3 fw-bold"">The Promise aims to positively impact the following areas:</p>
+      </div>
+    </div>
+    <div class="row justify-content-md-center">
+      <div class="col-lg-10 p-5 mb-3 text-center bg-gwp-blue-green bg-opacity-10">
+        <h5 class="fs-3 fw-light text-gwp-blue-blue-green">After The Promise was launched in 2017, the percentage of Greenwood County's total post-secondary enrollment increased from 62% to 72% in just three years. Futhermore, while the County has continued to see an increaase in college enrollment, the State average has continued to decline to 67%.</h5>
+      </div>
+    </div>
+    <div class="row justify-content-md-center">
+      <div class="col-lg-6 text-center">
+        <p class="text-gwp-blue fs-5">The Promise aims to positively impact the following areas:</p>
         <ul class="list-group list-group-flush fs-4">
           <li class="bg-gwp-blue-green bg-opacity-25 text-light list-group-item">High School Graduation Rates</li>
           <li class="bg-gwp-green bg-opacity-25 text-light bg-opacity-25 list-group-item">Post-secondary Education Attainment</li>
@@ -173,9 +182,15 @@
           <li class="bg-gwp-blue-green bg-opacity-25 text-light list-group-item">Crime Rates</li>
           <li class="bg-gwp-blue bg-opacity-25 text-light list-group-item">Enhanced Tax Base</li>
         </ul>
+        <a href="research.html" class="mt-3 btn btn-lg btn-gwp-blue" role="botton">Research</a>
         <p class="amatic fs-1 text-gwp-green mt-3">Simply put, The Greenwood Promise is an investment in Greenwood's greatest resource: Our Children!</p>
       </div>
     </div>
+    <div class="row justify-content-md-center">
+      <div class="col-lg-10 p-5 mb-3 text-center bg-gwp-blue-green bg-opacity-10">
+        <h5 class="fs-3 fw-light text-gwp-blue-blue-green">100% of the funds raised in this campaign will go directly toward scholarships</h5>
+      </div>
+    </div>
   </div>
   <div class="container-fluid mt-5 py-5">
     <div class="row justify-content-md-center">
@@ -219,12 +234,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

brochure.html

@@ -64,18 +64,18 @@
 </header>
 <main>
   <div class="container-fluid">
-    <img class="img-fluid mx-auto d-block" src="img/page_1.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_2.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_3.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_4.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_5.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_6.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_7.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_8.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_9.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_11.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_11.jpg" alt="Brochure page 1">
-    <img class="img-fluid mx-auto d-block" src="img/page_12.jpg" alt="Brochure page 1">
+    <img id="1" class="img-fluid mx-auto d-block" src="img/page_1.jpg" alt="Brochure page 1">
+    <img id="2" class="img-fluid mx-auto d-block" src="img/page_2.jpg" alt="Brochure page 1">
+    <img id="3" class="img-fluid mx-auto d-block" src="img/page_3.jpg" alt="Brochure page 1">
+    <img id="4" class="img-fluid mx-auto d-block" src="img/page_4.jpg" alt="Brochure page 1">
+    <img id="5" class="img-fluid mx-auto d-block" src="img/page_5.jpg" alt="Brochure page 1">
+    <img id="6" class="img-fluid mx-auto d-block" src="img/page_6.jpg" alt="Brochure page 1">
+    <img id="7" class="img-fluid mx-auto d-block" src="img/page_7.jpg" alt="Brochure page 1">
+    <img id="8" class="img-fluid mx-auto d-block" src="img/page_8.jpg" alt="Brochure page 1">
+    <img id="9" class="img-fluid mx-auto d-block" src="img/page_9.jpg" alt="Brochure page 1">
+    <img id="10" class="img-fluid mx-auto d-block" src="img/page_11.jpg" alt="Brochure page 1">
+    <img id="11" class="img-fluid mx-auto d-block" src="img/page_11.jpg" alt="Brochure page 1">
+    <img id="12" class="img-fluid mx-auto d-block" src="img/page_12.jpg" alt="Brochure page 1">
   </div>
 </main>
 <div class="container-fluid">
@@ -104,12 +104,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

contact.html

@@ -171,12 +171,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

css/site.css

@@ -1,3 +1,5 @@
+@import '../node_modules/animate.css/animate.css';
+
 @font-face {
   font-family: 'Handlee';
   font-style: normal;
@@ -58,6 +60,16 @@ footer .form-control {
 footer .form-control::placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
+.carousel-caption {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.carousel-item img {
+  object-fit: cover;
+  object-position: top;
+  height: 50vh;
+  overflow: hidden;
+}
+
 @charset "UTF-8";
 /***********************************************************
 ################## greenwoodpromise.com ####################
@@ -456,6 +468,10 @@ textarea {
   -webkit-appearance: button;
 }
 
+iframe {
+  border: 0;
+}
+
 progress {
   vertical-align: baseline;
 }
@@ -480,6 +496,17 @@ progress {
   }
 }
 
+.display-3 {
+  font-size: calc(1.525rem + 3.3vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-3 {
+    font-size: 4rem;
+  }
+}
+
 .display-4 {
   font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
@@ -1615,6 +1642,29 @@ textarea.form-control {
 }
 
 /* rtl:end:ignore */
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+  z-index: 1;
+  opacity: 1;
+}
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+  z-index: 0;
+  opacity: 0;
+  transition: opacity 0s 0.6s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+    transition: none;
+  }
+}
 
 .carousel-control-prev,
 .carousel-control-next {
@@ -1814,6 +1864,13 @@ textarea.form-control {
   }
 }
 
+.link-light {
+  color: #f8f9fa;
+}
+.link-light:hover, .link-light:focus {
+  color: #f9fafb;
+}
+
 .link-gwp-blue-green {
   color: #9CFFDB;
 }
@@ -1862,6 +1919,10 @@ textarea.form-control {
   border: 0 !important;
 }
 
+.align-middle {
+  vertical-align: middle !important;
+}
+
 .align-text-top {
   vertical-align: text-top !important;
 }
@@ -1882,10 +1943,6 @@ textarea.form-control {
   display: flex !important;
 }
 
-.d-none {
-  display: none !important;
-}
-
 .border {
   border: 1px solid #dee2e6 !important;
 }
@@ -1918,10 +1975,6 @@ textarea.form-control {
   width: 100% !important;
 }
 
-.align-items-start {
-  align-items: flex-start !important;
-}
-
 .mx-1 {
   margin-right: 0.25rem !important;
   margin-left: 0.25rem !important;
@@ -1991,6 +2044,10 @@ textarea.form-control {
   margin-bottom: 1rem !important;
 }
 
+.mb-5 {
+  margin-bottom: 3rem !important;
+}
+
 .p-5 {
   padding: 3rem !important;
 }
@@ -2040,6 +2097,10 @@ textarea.form-control {
   font-style: italic !important;
 }
 
+.fw-light {
+  font-weight: 300 !important;
+}
+
 .fw-bold {
   font-weight: 700 !important;
 }
@@ -2052,6 +2113,10 @@ textarea.form-control {
   text-align: center !important;
 }
 
+.text-decoration-none {
+  text-decoration: none !important;
+}
+
 .text-decoration-underline {
   text-decoration: underline !important;
 }
@@ -2060,6 +2125,10 @@ textarea.form-control {
   text-decoration: line-through !important;
 }
 
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
 /* rtl:begin:remove */
 
 /* rtl:end:remove */
@@ -2074,6 +2143,16 @@ textarea.form-control {
   color: rgba(var(--bs-gwp-blue-rgb), var(--bs-text-opacity)) !important;
 }
 
+.text-gwp-blue-blue-green {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-gwp-blue-blue-green-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-gwp-blue-green {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-gwp-blue-green-rgb), var(--bs-text-opacity)) !important;
+}
+
 .text-gwp-green {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-gwp-green-rgb), var(--bs-text-opacity)) !important;
@@ -2114,6 +2193,10 @@ textarea.form-control {
   background-color: rgba(var(--bs-gwp-grey-rgb), var(--bs-bg-opacity)) !important;
 }
 
+.bg-opacity-10 {
+  --bs-bg-opacity: 0.1;
+}
+
 .bg-opacity-25 {
   --bs-bg-opacity: 0.25;
 }

css/styles.css

@@ -1,3 +1,5 @@
+@import '../node_modules/animate.css/animate.css';
+
 @font-face {
   font-family: 'Handlee';
   font-style: normal;
@@ -57,4 +59,13 @@ footer .form-control {
 }
 footer .form-control::placeholder {
   color: rgba(255, 255, 255, 0.5);
-}
+}
+.carousel-caption {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.carousel-item img {
+  object-fit: cover;
+  object-position: top;
+  height: 50vh;
+  overflow: hidden;
+}

donate.html

@@ -132,12 +132,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

eligibility.html

@@ -161,12 +161,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

gulpfile.js

@@ -84,7 +84,7 @@ function run() {
       index: "/index.html"
     }
   });
-  gulp.watch('./css/*.scss', gulp.series(mixin, build));
+  gulp.watch(['./css/*.scss','./css/styles.css']).on('change', gulp.series(mixin, build));
   gulp.watch('./js/scripts.js', gulp.series(build));
   gulp.watch('./*.html', reload);
   gulp.watch([

index.html

@@ -4,11 +4,11 @@
     <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 property="og:site_name" content="The Greenwood Promise" /> 
+  	<meta property="og:title" content="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://gwp.davidawindham.com/img/site_5.png" />
+  	<meta property="og:url" content="https://gwp.davidawindham.com" />
   	<meta name="twitter:card" content="summary_large_image">
     <title>The Greenwood Promise</title>
     <link href="css/site.css" rel="stylesheet">
@@ -63,68 +63,70 @@
   </nav>
 </header>
 <main>
-  
-  <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
+  <div id="gwp-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
     <div class="carousel-indicators">
-      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
-      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
-      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
+      <button type="button" data-bs-target="#gwp-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+      <button type="button" data-bs-target="#gwp-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
+      <button type="button" data-bs-target="#gwp-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
+      <button type="button" data-bs-target="#gwp-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
     </div>
     <div class="carousel-inner">
       <div class="carousel-item active">
-        <img src="img/one.jpg" class="img-fluid w-100" alt="...">
-        <div class="carousel-caption d-none d-md-block">
-          <h1 class="animate__animated animate__bounce">Promise News</h1>
-          <p>...</p>
+        <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>
+          <a href="investors.html" class="btn btn-lg btn-gwp-blue" role="botton">Our Investors &amp; Donors</a>
         </div>
       </div>
       <div class="carousel-item">
-        <img src="img/one.jpg" class="img-fluid w-100" alt="...">
-        <div class="carousel-caption d-none d-md-block">
-          <h5>2021 Student Survey</h5>
+        <img src="img/slide.jpg" class="img-fluid w-100" alt="...">
+        <div class="carousel-caption d-md-block">
+          <h1 class="display-3 amatic text-gwp-green animate__animated animate__bounceInUp">Promise News</h1>
           <p>...</p>
+          <a href="news.html" class="btn btn-lg btn-gwp-green" role="botton">What's New?</a>
         </div>
       </div>
       <div class="carousel-item">
-        <img src="img/slide_students.jpg" class="img-fluid w-100" alt="...">
-        <div class="carousel-caption d-none d-md-block">
-          <h5>Students and Parents</h5>
+        <img src="img/slide.jpg" class="img-fluid w-100" alt="...">
+        <div class="carousel-caption d-md-block">
+          <h5 class="display-3 amatic text-gwp-blue-green animate__animated animate__fadeInUpBig">2021 Student Survey</h5>
           <p>...</p>
+          <a href="survey.html" class="btn btn-lg btn-gwp-blue-green" role="botton">Take the Survey</a>
         </div>
       </div>
       <div class="carousel-item">
-        <img src="img/slide_garden.jpg" class="img-fluid w-100" alt="...">
-        <div class="carousel-caption d-none d-md-block">
-          <h5>Our Donors and Investors</h5>
-          <p>...</p>
+        <img src="img/slide_students.jpg" class="img-fluid w-100" alt="...">
+        <div class="carousel-caption d-md-block">
+          <h4 class="display-3 fw-bold amatic text-gwp-blue animate__animated animate__fadeInUpBig">Students and Parents</h4>
+          <h5 class="fs-3 pb-3 animate__animated animate__fadeIn animate__delay-2s"></h5>
+          <a href="students.html" class="btn btn-lg btn-gwp-blue" role="botton">Our Students &amp; Graduates</a>
         </div>
       </div>
     </div>
-    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
+    <button class="carousel-control-prev" type="button" data-bs-target="#gwp-carousel" data-bs-slide="prev">
       <span class="carousel-control-prev-icon" aria-hidden="true"></span>
       <span class="visually-hidden">Previous</span>
     </button>
-    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
+    <button class="carousel-control-next" type="button" data-bs-target="#gwp-carousel" data-bs-slide="next">
       <span class="carousel-control-next-icon" aria-hidden="true"></span>
       <span class="visually-hidden">Next</span>
     </button>
   </div>
   <div class="container my-5 py-5">
-    <div class="row align-items-start">
-      <div class="col text-center">
-        <h1>Mission</h1>
-        <p>Our mission is to provide a tuition-free path to ensure Greenwood County students obtain the post-secondary education needed to develop a highly-skilled workforce, improve overall quality of life, and increase economic vitality.</p>
+    <div class="row">
+      <div class="col align-middle p-5 bg-gwp-green bg-opacity-25 text-center">
+        <h2>Mission</h2>
+        <p class="lead">Our mission is to provide a tuition-free path to ensure Greenwood County students obtain the post-secondary education needed to develop a highly-skilled workforce, improve overall quality of life, and increase economic vitality.</p>
       </div>
-      <div class="col text-center">
-        <h1>Vision</h1>
-        <p>Our vision is to foster a community actively engaged in education.</p>
+      <div class="col align-middle p-5 bg-gwp-blue bg-opacity-25 text-center">
+        <h2>Vision</h2>
+        <p class="lead">Our vision is to foster a community actively engaged in education.</p>
       </div>
     </div>
     <div class="row justify-content-md-center mt-5">
       <div class="col-lg-8 text-center">
-        <h2>You can Go To College... We Promise!!</h2>
-        <p>Our mission is to provide a tuition-free path to ensure Greenwood County students obtain the post-secondary education needed to develop a highly-skilled workforce, improve overall quality of life, and increase economic vitality.</p>
+        <h2 class="display-5 fw-bold amatic">You can Go To College... We Promise!!</h2>
       </div>
     </div>
   </div>
@@ -155,12 +157,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

investors.html

@@ -430,12 +430,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

js/scripts.js

@@ -23,4 +23,5 @@ document.addEventListener("DOMContentLoaded", function(){
     last_scroll_top = scroll_top;
     }); 
   }
-}); 
+}); 
+

js/site.js

@@ -31,4 +31,6 @@ document.addEventListener("DOMContentLoaded", function(){
     }); 
   }
 }); 
+
+
 //# sourceMappingURL=site.js.map

leadership.html

@@ -97,85 +97,85 @@
     </div>
     <div class="row">
       <div class="col">
-        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/K_Davenport.jpg" alt="K_Davenport">
+        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/board_K_Davenport.jpg" alt="K_Davenport">
         <p>Katie Davenport,<br>Executive Director</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/R_Millender.jpg" alt="R_Millender">
+        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/board_R_Millender.jpg" alt="R_Millender">
         <p>Ron Millender,<br>Chairman<br>Retired Capsugel</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/J_Black.jpg" alt="J_Black">
+        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/board_J_Black.jpg" alt="J_Black">
         <p>Josh Black<br>Vice Chairman,<br>Piedmont Technical College</p>
       </div>
     </div>
     <div class="row">
       <div class="col">
-        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/J_Garvin.jpg" alt="J_Garvin">
+        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/board_J_Garvin.jpg" alt="J_Garvin">
         <p>Josh Garvin<br>Treasurer,<br>Manley Garvin LLC</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue-blue-green img-fluid rounded-circle" src="img/J_Miner.png" alt="J_Miner">
+        <img class="border border-5 border-gwp-blue-blue-green img-fluid rounded-circle" src="img/board_J_Miner.png" alt="J_Miner">
         <p>Julie Miner<br>Secretary,<br>Connie Maxwell</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/H_Dover.jpg" alt="H_Dover">
+        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/board_H_Dover.jpg" alt="H_Dover">
         <p>Hanna Dover,<br>Think Tank on Main</p>
       </div>
     </div>
     <div class="row">
       <div class="col">
-        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/S_Glenn.jpg" alt="S_Glenn">
+        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/board_S_Glenn.jpg" alt="S_Glenn">
         <p>Dr. Steve Glenn,<br>Greenwood District 50</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/B_Rose.jpg" alt="B_Rose">
+        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/board_B_Rose.jpg" alt="B_Rose">
         <p>Dr. Bettie Rose Horne,<br>SC Commission on Higher Education</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue-blue-green img-fluid rounded-circle" src="img/D_Manley.jpg" alt="D_Manley">
+        <img class="border border-5 border-gwp-blue-blue-green img-fluid rounded-circle" src="img/board_D_Manley.jpg" alt="D_Manley">
         <p>Denise Manley,<br>Mary Frances LTD</p>
       </div>
     </div>
     <div class="row">
       <div class="col">
-        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/blank-person.jpg" alt="G_McDill">
+        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/board_blank-person.jpg" alt="G_McDill">
         <p>Genie McDill,<br>Greenwood School District 51 School Board</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/B_Parris.jpg" alt="B_Parris">
+        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/board_B_Parris.jpg" alt="B_Parris">
         <p>Brent Parris,<br>Eaton Corporation</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue-blue-green img-fluid rounded-circle" src="img/J_Pfeiffer.jpg" alt="J_Pfeiffer">
+        <img class="border border-5 border-gwp-blue-blue-green img-fluid rounded-circle" src="img/board_J_Pfeiffer.jpg" alt="J_Pfeiffer">
         <p>Jim Pfeiffer,<br>Self Regional Healthcare</p>
       </div>
     </div>
     <div class="row">
       <div class="col">
-        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/S_Pruitt.jpg" alt="S_Pruitt">
+        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/board_S_Pruitt.jpg" alt="S_Pruitt">
         <p>Steven Pruitt,<br>McDonald Patrick Law Firm</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/J_Stevens.png" alt="J_Stevens">
+        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/board_J_Stevens.png" alt="J_Stevens">
         <p>Jerry Stevens,<br>First Citizens Bank</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/F_Wideman.jpg" alt="F_Wideman">
+        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/board_F_Wideman.jpg" alt="F_Wideman">
         <p>Frank Wideman,<br>Retired,<br>President of Self Family Foundation</p>
       </div>
     </div>
     <div class="row">
       <div class="col">
-        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/T_Williams.jpg" alt="T_Williams">
+        <img class="border border-5 border-gwp-blue-green img-fluid rounded-circle" src="img/board_T_Williams.jpg" alt="T_Williams">
         <p>Trentsie Williams,<br>Meg's House</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/T_Gambill.jpg" alt="T_Gambill">
+        <img class="border border-5 border-gwp-green img-fluid rounded-circle" src="img/board_T_Gambill.jpg" alt="T_Gambill">
         <p>Todd Gambill,<br>Lander University</p>
       </div>
       <div class="col">
-        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/J_Bateman.jpg" alt="J_Bateman">
+        <img class="border border-5 border-gwp-blue img-fluid rounded-circle" src="img/board_J_Bateman.jpg" alt="J_Bateman">
         <p>James Bateman,<br>Greenwood County</p>
       </div>
     </div>
@@ -272,12 +272,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

news.html

@@ -89,7 +89,7 @@
       <div class="col bg-gwp-green">&nbsp;</div>
     </div>
   </div>
-  <div class="container-fluid py-5"></div>
+  <div class="container-fluid mb-5 py-5">
     <div class="row justify-content-md-center py-5 mt-5">
       <div class="col-lg-10">
         <h2 class="mb-3">Greenwood Promise receives new gift</h2>
@@ -154,12 +154,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

press.html

@@ -102,12 +102,14 @@
         <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: (864) 377-8110</p>
-        <p class="fs-2"><i class="bi bi-envelope"></i> <i class="bi bi-facebook"></i> <i class="bi bi-twitter"></i> <i class="bi bi-instagram"></i></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="https://hospicepiedmont.us8.list-manage.com/subscribe/post?u=996a177c2cf9b80af1049a13c&amp;id=9a642f3dc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
+          <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">

research.html

@@ -0,0 +1,182 @@
+<!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>Research - 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="donate.html" 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 py-5">
+    <div class="row justify-content-md-center pt-3">
+      <div class="col-lg-10 text-center">
+        <h1 class="amatic display-5 text-gwp-grey fw-bold mb-3">Research</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 my-5 py-5 ">
+    <div class="row py-5">
+      <a href="https://www.upjohn.org/about/research-initiatives/promise-investing-community/about-kalamazoo-promise" target="_blank" class="btn btn-lg btn-gwp-blue-green" role="button">Kalamazoo Promise</a>
+    </div>
+    <div class="row py-5">
+      <a href="https://www.luminafoundation.org" target="_blank" class="btn btn-lg btn-gwp-blue" role="button">Lumina Foundation</a>
+    </div> 
+    <div class="row py-5">
+      <a href="https://www.insidehighered.com/news/2020/05/29/gap-years-and-delayed-enrollment-may-be-concern-during-pandemic" target="_blank" class="btn btn-lg btn-gwp-blue" role="button">Inside Higher Ed<br><span class="fst-italic">More students are looking at delaying their enrollment in college. What effect will that have on educational outcomes?</span></a>
+    </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="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">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>
+          <p class="text-gwp-blue">Website: <a class="link-gwp-blue-green" href="colophon.html">Colophon</a></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+<script src="js/site.js"></script>
+</body>
+</html> 

students.html

@@ -0,0 +1,178 @@
+<!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>Students - 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="donate.html" 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 py-5">
+    <div class="row justify-content-md-center pt-3">
+      <div class="col-lg-10 text-center">
+        <h1 class="amatic display-5 text-gwp-grey fw-bold mb-3">Students</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 my-5 py-5 ">
+    <div class="row py-5">
+      
+    </div>
+    <div class="row py-5">
+      
+    </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">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>
+          <p class="text-gwp-blue">Website: <a class="link-gwp-blue-green" href="colophon.html">Colophon</a></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+<script src="js/site.js"></script>
+</body>
+</html> 

survey.html

@@ -0,0 +1,177 @@
+<!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>2021 Student Survey - 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="donate.html" 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 py-5">
+    <div class="row justify-content-md-center pt-3">
+      <div class="col-lg-10 text-center">
+        <h1 class="amatic display-5 text-gwp-grey fw-bold mb-3">2021 Student Survey</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 bg-gwp-blue-green py-5 ">
+    <div class="container">
+      <div class="row justify-content-md-center pt-3">
+      <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScqLT_QzMt8XUzY12oz_CL6h841jEzyfY4dH9VLke2siiOPNg/viewform;pid=explorer&amp;a=v&amp;chrome=false&amp;embedded=true" height="1380" width="640"></iframe>
+      </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">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>
+          <p class="text-gwp-blue">Website: <a class="link-gwp-blue-green" href="colophon.html">Colophon</a></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+<script src="js/site.js"></script>
+</body>
+</html>