get-involved complete only photo grid missing

This commit is contained in:
Idaapayo 2021-07-15 05:39:16 +03:00
parent 6fc1a45a61
commit 51191d2709
12 changed files with 120 additions and 2 deletions

View File

@ -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%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

View File

@ -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 %}

View File

@ -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">

View File

@ -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%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB