donate form 💵

donate.html

@@ -70,17 +70,46 @@
       </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">
       <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 action="" method="post" id="" name="" class="" target="_blank" novalidate>
-            <div class="form-group">
-              My 5 Year Pledge is $___
-              <input type="text" class="form-control" id="" placeholder="">
+          <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 gx-1">
+            <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>
@@ -88,14 +117,33 @@
                 <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="Leave us a comment" id="floatingTextarea2" style="height: 100px"></textarea>
+                <textarea class="form-control" placeholder="Donation Comment or Dedication" id="floatingTextarea2" style="height: 100px"></textarea>
               </div>     
             </div>
           </form>