About-us done with mobile and tab styling a few things todo

This commit is contained in:
Idaapayo 2021-06-13 21:31:01 +03:00
parent cc601b7d85
commit 5a961dc1f9
35 changed files with 935 additions and 588 deletions

View File

@ -164,12 +164,53 @@
.name{ .name{
font-size: 20px; font-size: 20px;
} }
.read-more{
color: black;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
}
.read-more:hover{
color: black;
}
.sponsors-wrapper{
margin-right: 500px;
margin-left: 500px;
padding-top: 40px;
}
.sponsor-imgs{
gap: 50px;
}
.sponsor-text{
font-size: 40px;
}
.special-title{
font-weight: bold;
padding-top: 40px;
}
.small-text{
font-size: 15px;
}
.last-line{
color: #A1A1A1;
}
@media only screen and (max-width: 480px){ @media only screen and (max-width: 480px){
.grid-wrapper{ .grid-wrapper{
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.sponsors-wrapper{
margin-right: 10px;
margin-left: 10px;
}
.box-title1{
padding-top: 20px;
}
.pesa-items{
padding-top: 20px;
}
} }
@media (min-width: 600px) and (max-width: 1024px){ @media (min-width: 600px) and (max-width: 1024px){
@ -177,4 +218,15 @@
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.sponsors-wrapper{
margin-right: 10px;
margin-left: 10px;
}
.box-title1{
padding-top: 20px;
}
.pesa-items{
padding-top: 20px;
}
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -12,7 +12,11 @@
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="box-wrap"> <div class="box-wrap">
<h2 class="box-title">About Us</h2> <h2 class="box-title">About Us</h2>
<p class="box-words">Grassroots Economics is a non-profit foundation that seeks to empower marginalized communities to take charge of their own livelihoods and economic future. We focus on community development through economic empowerment, basic income and community currency programs. Beneficiaries of our programs include small businesses and people living in informal settlements as well as rural areas.</p> <p class="box-words">Grassroots Economics is a non-profit foundation that seeks to empower marginalized
communities to take charge of their own livelihoods and economic future. We focus on community
development through economic empowerment, basic income and community currency programs.
Beneficiaries of our programs include small businesses and people living in informal settlements as
well as rural areas.</p>
<p class="box-words">Our goal is to improve the lives of those who are most vulnerable. </p> <p class="box-words">Our goal is to improve the lives of those who are most vulnerable. </p>
<div class="inline-buttons"> <div class="inline-buttons">
<a class="a-button" href="{{SITEURL}}/pages/sarafu-network.html">Sarafu network</a> <a class="a-button" href="{{SITEURL}}/pages/sarafu-network.html">Sarafu network</a>
@ -27,7 +31,11 @@
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="box-wrap"> <div class="box-wrap">
<p class="box-words1">Our work builds on a rich history of community programs in Africa. We have implemented community currency programs in 45 locations across Kenya and assisted with 2 in South Africa and helped more than 40,000 small businesses, churches and schools take an active role in their own economy and development. We are currently developing programs all over Kenya and providing technical support for those outside Kenya.</p> <p class="box-words1">Our work builds on a rich history of community programs in Africa. We have
implemented community currency programs in 45 locations across Kenya and assisted with 2 in South
Africa and helped more than 40,000 small businesses, churches and schools take an active role in
their own economy and development. We are currently developing programs all over Kenya and providing
technical support for those outside Kenya.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
@ -49,8 +57,8 @@
</div> </div>
</div> </div>
</div>
<div id="carouselExampleIndicators" class="carousel slide carousel-dark" data-bs-ride="carousel"> <div id="carouselExampleIndicators" class="carousel slide carousel-dark" data-bs-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"></li>
@ -68,19 +76,24 @@
<h3 class="years">2010</h3> <h3 class="years">2010</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">ECO_PESA</h2> <h2 class="carousel-titles">ECO_PESA</h2>
<p>This program was launched as a backed currency model with 75 Businesses taking part in three informal settlements near Kongowea, Mombasa. The currency was backed by donor funds and accomplished some amazing community service and environmental goals in partnership with Green World Campaign while increasing local trade for a year period.</p> <p>This program was launched as a backed currency model with 75 Businesses taking part in
three informal settlements near Kongowea, Mombasa. The currency was backed by donor
funds and accomplished some amazing community service and environmental goals in
partnership with Green World Campaign while increasing local trade for a year
period.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-md-12 "> <div class="col-lg-6 col-md-12 col-md-12 ">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<p class="font-big">On average profits increased in 20%</p> <p class="font-big">On average profits increased in 20%</p>
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid leaf-style" src="{{SITEURL}}/theme/images/aboutus-imgs/green-leaf-temp.png"> <img class="img-fluid leaf-style"
src="{{SITEURL}}/theme/images/aboutus-imgs/green-leaf-temp.png">
</div> </div>
<p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p> <p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p>
<!-- <div class="iframe-container">--> <!-- <div class="iframe-container">-->
<!-- <iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>--> <!-- <iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
@ -92,13 +105,20 @@
<h3 class="years">2012 and 2013</h3> <h3 class="years">2012 and 2013</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">BANGLA-PESA</h2> <h2 class="carousel-titles">BANGLA-PESA</h2>
<p>Bangladesh is an informal settlement of approximatly 20 000 inhabitants located outside Mombasa Kenya. This was the first place where a program that was not fully dependent on donor funds was launched. After having had a dramatic start, with people being arrested under charges of forgery, this project currently holds 87,200 (ksh equivalent) vouchers in circulation and a network of 218 businesses.</p> <p>Bangladesh is an informal settlement of approximatly 20 000 inhabitants located outside
Mombasa Kenya. This was the first place where a program that was not fully dependent on
donor funds was launched. After having had a dramatic start, with people being arrested
under charges of forgery, this project currently holds 87,200 (ksh equivalent) vouchers
in circulation and a network of 218 businesses.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12 "> <div class="col-lg-6 col-md-12 col-sm-12 ">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="iframe-container"> <div class="iframe-container">
<iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> </div>
</div> </div>
</div> </div>
@ -111,14 +131,20 @@
<h3 class="years">2014</h3> <h3 class="years">2014</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">GATINA_PESA</h2> <h2 class="carousel-titles">GATINA_PESA</h2>
<p>Gatina-Pesa in Kawangware Nairobi, was the first to launch and first to replicate the Bangla-Pesa model </p> <p>Gatina-Pesa in Kawangware Nairobi, was the first to launch and first to replicate the
<p>With an amazing march through the slum, starting from Congo and ending at Gatina Primary School,the entire community mobilized around their own voucher. Hon. Simba Arati, the area Minister of Parliament, officially cut the ribbon and launched the program. Currently the network is made up of 258 businesses and a strong wholesale shop that backs the system.</p> Bangla-Pesa model </p>
<p>With an amazing march through the slum, starting from Congo and ending at Gatina Primary
School,the entire community mobilized around their own voucher. Hon. Simba Arati, the
area Minister of Parliament, officially cut the ribbon and launched the program.
Currently the network is made up of 258 businesses and a strong wholesale shop that
backs the system.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/gatina-pesa.webp"> <img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/gatina-pesa.webp">
</div> </div>
</div> </div>
</div> </div>
@ -132,7 +158,8 @@
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2> <h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2>
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/carousel3.webp"> <img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/carousel3.webp">
</div> </div>
</div> </div>
</div> </div>
@ -151,10 +178,11 @@
<div class="row pt-5 row-carousel"> <div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<h3 class="years">2015</h3> <h3 class="years">2016</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">SARAFU-CREDIT</h2> <h2 class="carousel-titles">SARAFU-CREDIT</h2>
<p>All of the 5 networks joined under a common umbrella called Sarafu-Credit. This allows members to exchange excess vouchers for Kenyan Shillings.</p> <p>All of the 5 networks joined under a common umbrella called Sarafu-Credit. This allows
members to exchange excess vouchers for Kenyan Shillings.</p>
<p>Some other exciting things happened this year:</p> <p>Some other exciting things happened this year:</p>
<ul> <ul>
<li>5 supermarket that act as collateral and network hubs were created</li> <li>5 supermarket that act as collateral and network hubs were created</li>
@ -164,11 +192,16 @@
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/carousel4.webp"> <img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/carousel4.webp">
</div> </div>
<p class="font-big">90% of users are very satisfied with Sarafu Credit and want to keep using it</p> <!-- <div class="wrapper-carousel">-->
<p class="font-big">90% of users are very satisfied with Sarafu Credit and want to keep
using it</p>
<!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
@ -180,13 +213,17 @@
<h3 class="years">2017</h3> <h3 class="years">2017</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">OUR FIRST RURAL PROGRAM</h2> <h2 class="carousel-titles">OUR FIRST RURAL PROGRAM</h2>
<p>This year we setup our first rural program in Miyani in partnership with Green World Campaign and we have also pulled all our best practices together into a <a href="{{SITEURL}}/pages/get-involved.html" class="cert-link">Certificate Course</a> to be able to help the movement spread faster!</p> <p>This year we setup our first rural program in Miyani in partnership with Green World
Campaign and we have also pulled all our best practices together into a <a
href="{{SITEURL}}/pages/get-involved.html" class="cert-link">Certificate
Course</a> to be able to help the movement spread faster!</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/carousel5.webp"> <img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/carousel5.webp">
</div> </div>
</div> </div>
</div> </div>
@ -198,8 +235,12 @@
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<h3 class="years">2018</h3> <h3 class="years">2018</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">CRYPTOCURRENCY</h2> <h2 class="carousel-titles">SARAFU-NETWORK</h2>
<p>Big plans to go digital!</p> <p>Grassroots Economics Foundation helps communities and design, deploy, utilize and
maintain Community Inclusion Currencies (CICs), which are customizable tokenized claims
against redemption. We also support communities to connect CICs into decentralized
economies and share certified data for markets and impacts. <a
href="{{SITEURL}}/pages/sarafu-network.html" class="read-more">Read More</a></p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
@ -212,41 +253,46 @@
</div> </div>
</div> </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="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span> <span class="visually-hidden">Previous</span>
</button> </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="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span> <span class="visually-hidden">Next</span>
</button> </button>
</div>
<div class="youtube-padding">
<div class="iframe-container">
<iframe width="1202" height="676" src="https://www.youtube.com/embed/ojFPrVvpraU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div> </div>
</div> <div class="youtube-padding">
<div class="grid-color-wrap"> <div class="iframe-container">
<iframe width="1202" height="676" src="https://www.youtube.com/embed/ojFPrVvpraU"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
<div class="grid-color-wrap">
<div class="row d-flex justify-content-center text-center first-row grid-wrapper"> <div class="row d-flex justify-content-center text-center first-row grid-wrapper">
<div class="meet-title"> <div class="meet-title">
<h2>MEET THE TEAM</h2> <h2>MEET THE TEAM</h2>
<div class="big-line-between"></div> <div class="big-line-between"></div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img1.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img1.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Shaila</p> <p class="name">Shaila</p>
<p class="position">Director</p> <p class="position">Director</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img2.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img2.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Will Ruddick</p> <p class="name">Will Ruddick</p>
<p class="position">Founder</p> <p class="position">Founder</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img3.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img3.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Caroline Dama</p> <p class="name">Caroline Dama</p>
@ -255,21 +301,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img4.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img4.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Sylvia Karanja</p> <p class="name">Sylvia Karanja</p>
<p class="position">Data Quality Engineer</p> <p class="position">Data Quality Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img5.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img5.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Damaris Njoroge</p> <p class="name">Damaris Njoroge</p>
<p class="position">Program Coordinator</p> <p class="position">Program Coordinator</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img6.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img6.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Amina Godana</p> <p class="name">Amina Godana</p>
@ -278,21 +324,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img7.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img7.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Louis Holbrook</p> <p class="name">Louis Holbrook</p>
<p class="position">Senior Software Developer</p> <p class="position">Senior Software Developer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img8.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img8.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Spencer Ofwiti</p> <p class="name">Spencer Ofwiti</p>
<p class="position">Software Engineer</p> <p class="position">Software Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img9.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img9.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Philip Wafula</p> <p class="name">Philip Wafula</p>
@ -301,21 +347,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img10.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img10.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Joyce Kamauk</p> <p class="name">Joyce Kamauk</p>
<p class="position">Support Engineer</p> <p class="position">Support Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img11.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img11.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Isavary Khabuqwi</p> <p class="name">Isavary Khabuqwi</p>
<p class="position">Communications Engineer</p> <p class="position">Communications Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img12.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img12.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Emmanuel Mbui </p> <p class="name">Emmanuel Mbui </p>
@ -324,21 +370,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img13.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img13.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Fransisca (Mami) Achieng</p> <p class="name">Fransisca (Mami) Achieng</p>
<p class="position">Field Support Engineer</p> <p class="position">Field Support Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img14.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img14.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Fennie Wang</p> <p class="name">Fennie Wang</p>
<p class="position">Legal Counsel</p> <p class="position">Legal Counsel</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img15.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img15.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Janet Treezer </p> <p class="name">Janet Treezer </p>
@ -347,14 +393,14 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img16.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img16.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Grace Rachmany</p> <p class="name">Grace Rachmany</p>
<p class="position">Advisor</p> <p class="position">Advisor</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img18.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img18.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Gustav Stromfelt</p> <p class="name">Gustav Stromfelt</p>
@ -362,6 +408,57 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="sponsors-wrapper ">
<div class="justify-content-center">
<p class="sponsor-text">Our sponsors and partners include</p>
</div>
<div class="d-flex flex-wrap justify-content-center sponsor-imgs">
<!-- <p class="sponsor-text">Our sponsors and partners include</p>-->
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-stichting.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-segal.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-lush.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-tridos.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-da-redcross.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-courtofarms.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-forge.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-rotary.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-commons.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-green-world.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-c.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-blockscience.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-iflas.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-redcross.webp" class="img-fluid">
<img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-schumacher.webp" class="img-fluid">
</div>
<div class="special-thanks">
<h3 class="text-center special-title">A special thanks to our advisors and individual sponsors</h3>
<div class="row pt-5 justify-content-center">
<div class="col-4">
<p>Holger Hoffmann-Riem</p>
<p>Jeff Emmet</p>
<p>Griff Green</p>
<p>Fennie Wang</p>
<p>Reba Chabeda</p>
<p>Counsel Reza Zain Jaufeerally</p>
<p>Carmen Mauk</p>
<p>Professor Jem Bendell</p>
<p>Robert Mutsaers</p>
<p>Ahmed Maawy</p>
</div>
<div class="col-8">
<p class="small-text">Thibaud Dezyn, Jimmy Heyns, Henk Van Arkel, Elvis Ogweno, Annette Loudon, Chris Lindstrom, Christina Bordes, Elizabeth Weiland, Gilfrid Powys, Loucéro Mariani, Jim and Ellen Wagner, The Ruddick Family, The Kowa Family, Dawn Richards, Edmond Oklahoma United Methodist Women, Prof. Dr. Margrit Kennedy, Prof. Declan Kennedy, Dr. Jeremy Bendell, Xenia Heinze, Association TAOA, Jamie Brown, Kevin Cox, Sergio Lub, Hayem Etienne, Edgar Kampers, DELAMARE, David Hall, MULLER, Marie-Hélène, Barbara Schiess, Eva Vander Giessen, Joseph Leonardi, Susan Steed, Guido Hosman, Gabriel Grimsditch, Tobias Fields, Nemo Curiel, Hugo Godschalk, Guido Hosman, Lorne Covington, Bob and Margaret Macemon, Sergio Lub, Mark and Julie Richards, Carla Lundberg, PINTO Romain, Scott Williams, Barbara Schiess, Aaron Vaillancourt, Leander Bindewald, Brent Ranalli, Eric Harris-Braun, Martin Kreidenweis, Georg Pluta, Arthur Brock, Daniel Quay, Guy Staniforth</p>
</div>
</div>
</div>
</div>
<hr class="last-line">
</div> </div>
{% endblock %} {% endblock %}

View File

@ -73,7 +73,11 @@
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="box-wrap"> <div class="box-wrap">
<h2 class="box-title">About Us</h2> <h2 class="box-title">About Us</h2>
<p class="box-words">Grassroots Economics is a non-profit foundation that seeks to empower marginalized communities to take charge of their own livelihoods and economic future. We focus on community development through economic empowerment, basic income and community currency programs. Beneficiaries of our programs include small businesses and people living in informal settlements as well as rural areas.</p> <p class="box-words">Grassroots Economics is a non-profit foundation that seeks to empower marginalized
communities to take charge of their own livelihoods and economic future. We focus on community
development through economic empowerment, basic income and community currency programs.
Beneficiaries of our programs include small businesses and people living in informal settlements as
well as rural areas.</p>
<p class="box-words">Our goal is to improve the lives of those who are most vulnerable. </p> <p class="box-words">Our goal is to improve the lives of those who are most vulnerable. </p>
<div class="inline-buttons"> <div class="inline-buttons">
<a class="a-button" href="../pages/sarafu-network.html">Sarafu network</a> <a class="a-button" href="../pages/sarafu-network.html">Sarafu network</a>
@ -88,7 +92,11 @@
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="box-wrap"> <div class="box-wrap">
<p class="box-words1">Our work builds on a rich history of community programs in Africa. We have implemented community currency programs in 45 locations across Kenya and assisted with 2 in South Africa and helped more than 40,000 small businesses, churches and schools take an active role in their own economy and development. We are currently developing programs all over Kenya and providing technical support for those outside Kenya.</p> <p class="box-words1">Our work builds on a rich history of community programs in Africa. We have
implemented community currency programs in 45 locations across Kenya and assisted with 2 in South
Africa and helped more than 40,000 small businesses, churches and schools take an active role in
their own economy and development. We are currently developing programs all over Kenya and providing
technical support for those outside Kenya.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
@ -110,8 +118,8 @@
</div> </div>
</div> </div>
</div>
<div id="carouselExampleIndicators" class="carousel slide carousel-dark" data-bs-ride="carousel"> <div id="carouselExampleIndicators" class="carousel slide carousel-dark" data-bs-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"></li>
@ -129,19 +137,24 @@
<h3 class="years">2010</h3> <h3 class="years">2010</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">ECO_PESA</h2> <h2 class="carousel-titles">ECO_PESA</h2>
<p>This program was launched as a backed currency model with 75 Businesses taking part in three informal settlements near Kongowea, Mombasa. The currency was backed by donor funds and accomplished some amazing community service and environmental goals in partnership with Green World Campaign while increasing local trade for a year period.</p> <p>This program was launched as a backed currency model with 75 Businesses taking part in
three informal settlements near Kongowea, Mombasa. The currency was backed by donor
funds and accomplished some amazing community service and environmental goals in
partnership with Green World Campaign while increasing local trade for a year
period.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-md-12 "> <div class="col-lg-6 col-md-12 col-md-12 ">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<p class="font-big">On average profits increased in 20%</p> <p class="font-big">On average profits increased in 20%</p>
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid leaf-style" src="../theme/images/aboutus-imgs/green-leaf-temp.png"> <img class="img-fluid leaf-style"
src="../theme/images/aboutus-imgs/green-leaf-temp.png">
</div> </div>
<p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p> <p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p>
<!-- <div class="iframe-container">--> <!-- <div class="iframe-container">-->
<!-- <iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>--> <!-- <iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
@ -153,13 +166,20 @@
<h3 class="years">2012 and 2013</h3> <h3 class="years">2012 and 2013</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">BANGLA-PESA</h2> <h2 class="carousel-titles">BANGLA-PESA</h2>
<p>Bangladesh is an informal settlement of approximatly 20 000 inhabitants located outside Mombasa Kenya. This was the first place where a program that was not fully dependent on donor funds was launched. After having had a dramatic start, with people being arrested under charges of forgery, this project currently holds 87,200 (ksh equivalent) vouchers in circulation and a network of 218 businesses.</p> <p>Bangladesh is an informal settlement of approximatly 20 000 inhabitants located outside
Mombasa Kenya. This was the first place where a program that was not fully dependent on
donor funds was launched. After having had a dramatic start, with people being arrested
under charges of forgery, this project currently holds 87,200 (ksh equivalent) vouchers
in circulation and a network of 218 businesses.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12 "> <div class="col-lg-6 col-md-12 col-sm-12 ">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="iframe-container"> <div class="iframe-container">
<iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe width="480" height="277" src="https://www.youtube.com/embed/UaspBGmsdLE"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> </div>
</div> </div>
</div> </div>
@ -172,14 +192,20 @@
<h3 class="years">2014</h3> <h3 class="years">2014</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">GATINA_PESA</h2> <h2 class="carousel-titles">GATINA_PESA</h2>
<p>Gatina-Pesa in Kawangware Nairobi, was the first to launch and first to replicate the Bangla-Pesa model </p> <p>Gatina-Pesa in Kawangware Nairobi, was the first to launch and first to replicate the
<p>With an amazing march through the slum, starting from Congo and ending at Gatina Primary School,the entire community mobilized around their own voucher. Hon. Simba Arati, the area Minister of Parliament, officially cut the ribbon and launched the program. Currently the network is made up of 258 businesses and a strong wholesale shop that backs the system.</p> Bangla-Pesa model </p>
<p>With an amazing march through the slum, starting from Congo and ending at Gatina Primary
School,the entire community mobilized around their own voucher. Hon. Simba Arati, the
area Minister of Parliament, officially cut the ribbon and launched the program.
Currently the network is made up of 258 businesses and a strong wholesale shop that
backs the system.</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/gatina-pesa.webp"> <img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/gatina-pesa.webp">
</div> </div>
</div> </div>
</div> </div>
@ -193,7 +219,8 @@
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2> <h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2>
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/carousel3.webp"> <img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/carousel3.webp">
</div> </div>
</div> </div>
</div> </div>
@ -212,10 +239,11 @@
<div class="row pt-5 row-carousel"> <div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<h3 class="years">2015</h3> <h3 class="years">2016</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">SARAFU-CREDIT</h2> <h2 class="carousel-titles">SARAFU-CREDIT</h2>
<p>All of the 5 networks joined under a common umbrella called Sarafu-Credit. This allows members to exchange excess vouchers for Kenyan Shillings.</p> <p>All of the 5 networks joined under a common umbrella called Sarafu-Credit. This allows
members to exchange excess vouchers for Kenyan Shillings.</p>
<p>Some other exciting things happened this year:</p> <p>Some other exciting things happened this year:</p>
<ul> <ul>
<li>5 supermarket that act as collateral and network hubs were created</li> <li>5 supermarket that act as collateral and network hubs were created</li>
@ -225,11 +253,16 @@
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/carousel4.webp"> <img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/carousel4.webp">
</div> </div>
<p class="font-big">90% of users are very satisfied with Sarafu Credit and want to keep using it</p> <!-- <div class="wrapper-carousel">-->
<p class="font-big">90% of users are very satisfied with Sarafu Credit and want to keep
using it</p>
<!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
@ -241,13 +274,17 @@
<h3 class="years">2017</h3> <h3 class="years">2017</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">OUR FIRST RURAL PROGRAM</h2> <h2 class="carousel-titles">OUR FIRST RURAL PROGRAM</h2>
<p>This year we setup our first rural program in Miyani in partnership with Green World Campaign and we have also pulled all our best practices together into a <a href="../pages/get-involved.html" class="cert-link">Certificate Course</a> to be able to help the movement spread faster!</p> <p>This year we setup our first rural program in Miyani in partnership with Green World
Campaign and we have also pulled all our best practices together into a <a
href="../pages/get-involved.html" class="cert-link">Certificate
Course</a> to be able to help the movement spread faster!</p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<div class="img-wrap"> <div class="img-wrap">
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/carousel5.webp"> <img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/carousel5.webp">
</div> </div>
</div> </div>
</div> </div>
@ -259,8 +296,12 @@
<div class="wrapper-carousel"> <div class="wrapper-carousel">
<h3 class="years">2018</h3> <h3 class="years">2018</h3>
<div class="line-between"></div> <div class="line-between"></div>
<h2 class="carousel-titles">CRYPTOCURRENCY</h2> <h2 class="carousel-titles">SARAFU-NETWORK</h2>
<p>Big plans to go digital!</p> <p>Grassroots Economics Foundation helps communities and design, deploy, utilize and
maintain Community Inclusion Currencies (CICs), which are customizable tokenized claims
against redemption. We also support communities to connect CICs into decentralized
economies and share certified data for markets and impacts. <a
href="../pages/sarafu-network.html" class="read-more">Read More</a></p>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="col-lg-6 col-md-12 col-sm-12">
@ -273,41 +314,46 @@
</div> </div>
</div> </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="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span> <span class="visually-hidden">Previous</span>
</button> </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="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span> <span class="visually-hidden">Next</span>
</button> </button>
</div>
<div class="youtube-padding">
<div class="iframe-container">
<iframe width="1202" height="676" src="https://www.youtube.com/embed/ojFPrVvpraU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div> </div>
</div> <div class="youtube-padding">
<div class="grid-color-wrap"> <div class="iframe-container">
<iframe width="1202" height="676" src="https://www.youtube.com/embed/ojFPrVvpraU"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
<div class="grid-color-wrap">
<div class="row d-flex justify-content-center text-center first-row grid-wrapper"> <div class="row d-flex justify-content-center text-center first-row grid-wrapper">
<div class="meet-title"> <div class="meet-title">
<h2>MEET THE TEAM</h2> <h2>MEET THE TEAM</h2>
<div class="big-line-between"></div> <div class="big-line-between"></div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img1.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img1.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Shaila</p> <p class="name">Shaila</p>
<p class="position">Director</p> <p class="position">Director</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img2.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img2.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Will Ruddick</p> <p class="name">Will Ruddick</p>
<p class="position">Founder</p> <p class="position">Founder</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img3.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img3.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Caroline Dama</p> <p class="name">Caroline Dama</p>
@ -316,21 +362,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img4.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img4.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Sylvia Karanja</p> <p class="name">Sylvia Karanja</p>
<p class="position">Data Quality Engineer</p> <p class="position">Data Quality Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img5.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img5.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Damaris Njoroge</p> <p class="name">Damaris Njoroge</p>
<p class="position">Program Coordinator</p> <p class="position">Program Coordinator</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img6.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img6.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Amina Godana</p> <p class="name">Amina Godana</p>
@ -339,21 +385,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img7.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img7.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Louis Holbrook</p> <p class="name">Louis Holbrook</p>
<p class="position">Senior Software Developer</p> <p class="position">Senior Software Developer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img8.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img8.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Spencer Ofwiti</p> <p class="name">Spencer Ofwiti</p>
<p class="position">Software Engineer</p> <p class="position">Software Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img9.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img9.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Philip Wafula</p> <p class="name">Philip Wafula</p>
@ -362,21 +408,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img10.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img10.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Joyce Kamauk</p> <p class="name">Joyce Kamauk</p>
<p class="position">Support Engineer</p> <p class="position">Support Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img11.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img11.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Isavary Khabuqwi</p> <p class="name">Isavary Khabuqwi</p>
<p class="position">Communications Engineer</p> <p class="position">Communications Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img12.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img12.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Emmanuel Mbui </p> <p class="name">Emmanuel Mbui </p>
@ -385,21 +431,21 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img13.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img13.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Fransisca (Mami) Achieng</p> <p class="name">Fransisca (Mami) Achieng</p>
<p class="position">Field Support Engineer</p> <p class="position">Field Support Engineer</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img14.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img14.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Fennie Wang</p> <p class="name">Fennie Wang</p>
<p class="position">Legal Counsel</p> <p class="position">Legal Counsel</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img15.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img15.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Janet Treezer </p> <p class="name">Janet Treezer </p>
@ -408,14 +454,14 @@
</div> </div>
</div> </div>
<div class="row d-flex justify-content-center text-center grid-wrapper"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img16.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img16.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Grace Rachmany</p> <p class="name">Grace Rachmany</p>
<p class="position">Advisor</p> <p class="position">Advisor</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img18.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img18.webp">
<div class="grid-img-text"> <div class="grid-img-text">
<p class="name">Gustav Stromfelt</p> <p class="name">Gustav Stromfelt</p>
@ -423,8 +469,59 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="sponsors-wrapper ">
<div class="justify-content-center">
<p class="sponsor-text">Our sponsors and partners include</p>
</div>
<div class="d-flex flex-wrap justify-content-center sponsor-imgs">
<!-- <p class="sponsor-text">Our sponsors and partners include</p>-->
<img src="../theme/images/aboutus-imgs/spons-stichting.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-segal.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-lush.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-tridos.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-da-redcross.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-courtofarms.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-forge.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-rotary.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-commons.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-green-world.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-c.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-blockscience.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-iflas.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-redcross.webp" class="img-fluid">
<img src="../theme/images/aboutus-imgs/spons-schumacher.webp" class="img-fluid">
</div>
<div class="special-thanks">
<h3 class="text-center special-title">A special thanks to our advisors and individual sponsors</h3>
<div class="row pt-5 justify-content-center">
<div class="col-4">
<p>Holger Hoffmann-Riem</p>
<p>Jeff Emmet</p>
<p>Griff Green</p>
<p>Fennie Wang</p>
<p>Reba Chabeda</p>
<p>Counsel Reza Zain Jaufeerally</p>
<p>Carmen Mauk</p>
<p>Professor Jem Bendell</p>
<p>Robert Mutsaers</p>
<p>Ahmed Maawy</p>
</div>
<div class="col-8">
<p class="small-text">Thibaud Dezyn, Jimmy Heyns, Henk Van Arkel, Elvis Ogweno, Annette Loudon, Chris Lindstrom, Christina Bordes, Elizabeth Weiland, Gilfrid Powys, Loucéro Mariani, Jim and Ellen Wagner, The Ruddick Family, The Kowa Family, Dawn Richards, Edmond Oklahoma United Methodist Women, Prof. Dr. Margrit Kennedy, Prof. Declan Kennedy, Dr. Jeremy Bendell, Xenia Heinze, Association TAOA, Jamie Brown, Kevin Cox, Sergio Lub, Hayem Etienne, Edgar Kampers, DELAMARE, David Hall, MULLER, Marie-Hélène, Barbara Schiess, Eva Vander Giessen, Joseph Leonardi, Susan Steed, Guido Hosman, Gabriel Grimsditch, Tobias Fields, Nemo Curiel, Hugo Godschalk, Guido Hosman, Lorne Covington, Bob and Margaret Macemon, Sergio Lub, Mark and Julie Richards, Carla Lundberg, PINTO Romain, Scott Williams, Barbara Schiess, Aaron Vaillancourt, Leander Bindewald, Brent Ranalli, Eric Harris-Braun, Martin Kreidenweis, Georg Pluta, Arthur Brock, Daniel Quay, Guy Staniforth</p>
</div>
</div>
</div>
</div>
<hr class="last-line">
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-12 base-footer"> <div class="col-lg-12 base-footer">
<a href="https://wa.me/254757628885"> <a href="https://wa.me/254757628885">

View File

@ -164,12 +164,53 @@
.name{ .name{
font-size: 20px; font-size: 20px;
} }
.read-more{
color: black;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
}
.read-more:hover{
color: black;
}
.sponsors-wrapper{
margin-right: 500px;
margin-left: 500px;
padding-top: 40px;
}
.sponsor-imgs{
gap: 50px;
}
.sponsor-text{
font-size: 40px;
}
.special-title{
font-weight: bold;
padding-top: 40px;
}
.small-text{
font-size: 15px;
}
.last-line{
color: #A1A1A1;
}
@media only screen and (max-width: 480px){ @media only screen and (max-width: 480px){
.grid-wrapper{ .grid-wrapper{
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.sponsors-wrapper{
margin-right: 10px;
margin-left: 10px;
}
.box-title1{
padding-top: 20px;
}
.pesa-items{
padding-top: 20px;
}
} }
@media (min-width: 600px) and (max-width: 1024px){ @media (min-width: 600px) and (max-width: 1024px){
@ -177,4 +218,15 @@
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.sponsors-wrapper{
margin-right: 10px;
margin-left: 10px;
}
.box-title1{
padding-top: 20px;
}
.pesa-items{
padding-top: 20px;
}
} }

View File

@ -125,14 +125,63 @@
font-weight: bold; font-weight: bold;
padding-top: 10px; padding-top: 10px;
} }
.mx-6{ /*.mx-6{*/
margin-left: 20rem !important; /* margin-left: 20rem !important;*/
margin-right: 20rem !important; /* margin-right: 20rem !important;*/
}
/*.grid-wrapper{*/
/* margin-left: 400px;*/
/* margin-right: 400px;*/
/*}*/ /*}*/
.first-row{ .grid-color-wrap{
padding-top: 20px; background-color: #EFF0F0;
}
.grid-wrapper{
margin-left: 500px;
margin-right: 500px;
}
.first-row{
padding-top: 50px;
}
.meet-title{
text-align: center;
padding-bottom: 40px;
}
.meet-title h2{
font-weight: bold;
}
.big-line-between{
padding-top: 10px;
/*padding-bottom: 20px;*/
width: 50px;
border-bottom: 4px solid black;
margin: auto;
}
.circle-img{
padding-top: 10px;
border-radius: 50%;
}
.grid-img-text{
padding-top: 20px;
/*padding-left: 40px;*/
}
.name{
font-size: 20px;
}
.read-more{
color: black;
text-decoration: underline black;
}
.a.read-more:hover{
color: black;
}
@media only screen and (max-width: 480px){
.grid-wrapper{
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 600px) and (max-width: 1024px){
.grid-wrapper{
margin-left: 10px;
margin-right: 10px;
}
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB