get-involved complete only photo grid missing

ge-theme/static/css/get-involved.css

@@ -30,6 +30,9 @@
     width: 50%;
     padding-top: 40px;
 }
+.row-gev-pad{
+    padding-top: 50px;
+}
 .center-text{
     text-align: center;
 }
@@ -210,6 +213,19 @@
     transform: translate(-50%, -50%);
     font-size: 70px;
 }
+.container-impact{
+    width: 50%;
+    padding-top: 60px;
+}
+.multiply-wrap{
+    box-sizing: border-box;
+    max-width: 150px;
+    margin: auto;
+}
+.multiply-bold{
+    padding-top: 40px;
+    font-weight: bold;
+}
 
 @media only screen and (max-width: 480px){
     .text-inside1{
@@ -222,6 +238,9 @@
     .container-getinv{
         width: 100%;
     }
+    .row-gev-pad{
+        padding-top: 10px;
+    }
     .mobile-pad{
         padding-top: 30px;
     }
@@ -252,6 +271,13 @@
     .text-donate{
         font-size: 30px;
     }
+    .container-impact{
+        width: 100%;
+        padding-top: 40px;
+    }
+    .multiply-bold{
+        padding-top: 20px;
+    }
 
 }
 @media (min-width: 600px) and (max-width: 1024px){
@@ -278,5 +304,8 @@
     .container-mooc{
         width: 80%;
     }
+    .container-impact{
+        width: 80%;
+    }
 
 }

ge-theme/templates/getInvolved.html

@@ -14,7 +14,7 @@
         <h1 class="join-forces2 text-inside2">FORCES</h1>
     </div>
     <div class="container container-getinv">
-        <div class="row pt-5">
+        <div class="row row-gev-pad">
             <div class="col-lg-6 col-md-6 col-sm-12 center-text">
                 <p>We are seeking support to both spread our programs through training global leaders and currency
                     designers and to deepen cooperative economic resilience in communities already using Community
@@ -235,6 +235,36 @@
             <h1 class="text-donate">Donate</h1>
         </div>
     </div>
+    <div class="container container-impact">
+        <div class="row pb-5">
+            <div class="col-6">
+                <div class="multiply-wrap">
+                    <h1 class="multiply-bold">Multiply your impact</h1>
+                </div>
+            </div>
+            <div class="col-6">
+                <img class="img-fluid" src="{{SITEURL}}/theme/images/get-involved-imgs/impact.png">
+            </div>
+        </div>
+        <hr class="line-above">
+        <div class="mooc-text-wrap center-text pt-4 pb-4">
+            <p class="mooc-small-font">By turning your donations into local currency your impact will stay in circulation helping the community 8 times longer</p>
+            <p><a class="geinv-link" href="{{SITEURL}}/pages/research.html">Take a look at our reaserch </a></p>
+        </div>
+        <hr class="line-above">
+        <div class="row flex-column-reverse flex-lg-row pt-5 pb-5">
+            <div class="col-lg-6 col-md-12 col-sm-12 center-text">
+                <p>Please <a class="geinv-link" href="{{SITEURL}}/pages/contact-us.html">Contact us</a> whenever you send a donation!</p>
+                <p>To Donate Crypto Currencies (ERC20) like Ethereum please use our account:</p>
+                <p><a class="geinv-link" href="https://etherscan.io/tokenholdings?a=0xba0fee8490118fc4f46bd0974d7bf93d0e2f1064">0xba0FEE8490118FC4f46Bd0974D7BF93d0e2f1064</a></p>
+                <p><a class="geinv-link" href="https://gitcoin.co/grants/816/grassroots-economics-cic-support-kenya-beyond">Support our GitCoin Grant here!</a></p>
+            </div>
+            <div class="col-lg-6 col-md-12 col-sm-12 center-text">
+                <img class="img-fluid" src="{{SITEURL}}/theme/images/get-involved-imgs/donate-new-removebg-preview.png">
+            </div>
+        </div>
+    </div>
+    <hr class="line-above">
 </div>
 
 {% endblock %}

output/pages/get-involved.html

@@ -77,7 +77,7 @@
         <h1 class="join-forces2 text-inside2">FORCES</h1>
     </div>
     <div class="container container-getinv">
-        <div class="row pt-5">
+        <div class="row row-gev-pad">
             <div class="col-lg-6 col-md-6 col-sm-12 center-text">
                 <p>We are seeking support to both spread our programs through training global leaders and currency
                     designers and to deepen cooperative economic resilience in communities already using Community
@@ -298,6 +298,36 @@
             <h1 class="text-donate">Donate</h1>
         </div>
     </div>
+    <div class="container container-impact">
+        <div class="row pb-5">
+            <div class="col-6">
+                <div class="multiply-wrap">
+                    <h1 class="multiply-bold">Multiply your impact</h1>
+                </div>
+            </div>
+            <div class="col-6">
+                <img class="img-fluid" src="../theme/images/get-involved-imgs/impact.png">
+            </div>
+        </div>
+        <hr class="line-above">
+        <div class="mooc-text-wrap center-text pt-4 pb-4">
+            <p class="mooc-small-font">By turning your donations into local currency your impact will stay in circulation helping the community 8 times longer</p>
+            <p><a class="geinv-link" href="../pages/research.html">Take a look at our reaserch </a></p>
+        </div>
+        <hr class="line-above">
+        <div class="row flex-column-reverse flex-lg-row pt-5 pb-5">
+            <div class="col-lg-6 col-md-12 col-sm-12 center-text">
+                <p>Please <a class="geinv-link" href="../pages/contact-us.html">Contact us</a> whenever you send a donation!</p>
+                <p>To Donate Crypto Currencies (ERC20) like Ethereum please use our account:</p>
+                <p><a class="geinv-link" href="https://etherscan.io/tokenholdings?a=0xba0fee8490118fc4f46bd0974d7bf93d0e2f1064">0xba0FEE8490118FC4f46Bd0974D7BF93d0e2f1064</a></p>
+                <p><a class="geinv-link" href="https://gitcoin.co/grants/816/grassroots-economics-cic-support-kenya-beyond">Support our GitCoin Grant here!</a></p>
+            </div>
+            <div class="col-lg-6 col-md-12 col-sm-12 center-text">
+                <img class="img-fluid" src="../theme/images/get-involved-imgs/donate-new-removebg-preview.png">
+            </div>
+        </div>
+    </div>
+    <hr class="line-above">
 </div>
 
 <div class="row">

output/theme/css/get-involved.css

@@ -30,6 +30,9 @@
     width: 50%;
     padding-top: 40px;
 }
+.row-gev-pad{
+    padding-top: 50px;
+}
 .center-text{
     text-align: center;
 }
@@ -210,6 +213,19 @@
     transform: translate(-50%, -50%);
     font-size: 70px;
 }
+.container-impact{
+    width: 50%;
+    padding-top: 60px;
+}
+.multiply-wrap{
+    box-sizing: border-box;
+    max-width: 150px;
+    margin: auto;
+}
+.multiply-bold{
+    padding-top: 40px;
+    font-weight: bold;
+}
 
 @media only screen and (max-width: 480px){
     .text-inside1{
@@ -222,6 +238,9 @@
     .container-getinv{
         width: 100%;
     }
+    .row-gev-pad{
+        padding-top: 10px;
+    }
     .mobile-pad{
         padding-top: 30px;
     }
@@ -252,6 +271,13 @@
     .text-donate{
         font-size: 30px;
     }
+    .container-impact{
+        width: 100%;
+        padding-top: 40px;
+    }
+    .multiply-bold{
+        padding-top: 20px;
+    }
 
 }
 @media (min-width: 600px) and (max-width: 1024px){
@@ -278,5 +304,8 @@
     .container-mooc{
         width: 80%;
     }
+    .container-impact{
+        width: 80%;
+    }
 
 }