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,319 +57,408 @@
</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>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6"></li>
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<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">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
</div> three informal settlements near Kongowea, Mombasa. The currency was backed by donor
</div> funds and accomplished some amazing community service and environmental goals in
<div class="col-lg-6 col-md-12 col-md-12 "> partnership with Green World Campaign while increasing local trade for a year
<div class="wrapper-carousel"> period.</p>
<p class="font-big">On average profits increased in 20%</p> </div>
<div class="img-wrap"> </div>
<img class="img-fluid leaf-style" src="{{SITEURL}}/theme/images/aboutus-imgs/green-leaf-temp.png"> <div class="col-lg-6 col-md-12 col-md-12 ">
<div class="wrapper-carousel">
<p class="font-big">On average profits increased in 20%</p>
<div class="img-wrap">
<img class="img-fluid leaf-style"
src="{{SITEURL}}/theme/images/aboutus-imgs/green-leaf-temp.png">
</div>
<p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p>
<!-- <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>-->
<!-- </div>-->
</div>
</div> </div>
<p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p>
<!-- <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>-->
<!-- </div>-->
</div> </div>
</div> </div>
</div> <div class="carousel-item">
</div> <div class="row pt-5 row-carousel">
<div class="carousel-item"> <div class="col-lg-6 col-md-12 col-sm-12 ">
<div class="row pt-5 row-carousel"> <div class="wrapper-carousel">
<div class="col-lg-6 col-md-12 col-sm-12 "> <h3 class="years">2012 and 2013</h3>
<div class="wrapper-carousel"> <div class="line-between"></div>
<h3 class="years">2012 and 2013</h3> <h2 class="carousel-titles">BANGLA-PESA</h2>
<div class="line-between"></div> <p>Bangladesh is an informal settlement of approximatly 20 000 inhabitants located outside
<h2 class="carousel-titles">BANGLA-PESA</h2> Mombasa Kenya. This was the first place where a program that was not fully dependent on
<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> donor funds was launched. After having had a dramatic start, with people being arrested
</div> under charges of forgery, this project currently holds 87,200 (ksh equivalent) vouchers
</div> in circulation and a network of 218 businesses.</p>
<div class="col-lg-6 col-md-12 col-sm-12 "> </div>
<div class="wrapper-carousel"> </div>
<div class="iframe-container"> <div class="col-lg-6 col-md-12 col-sm-12 ">
<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 class="wrapper-carousel">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2014</h3>
<div class="line-between"></div>
<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>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 class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/gatina-pesa.webp">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2015</h3>
<div class="line-between"></div>
<h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2>
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/carousel3.webp">
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="pesa-items">
<p class="pesa">Kangemi-Pesa</p>
<p class="pesa">Lindi-Pesa</p>
<p class="pesa">Ng'ombeni-Pesa</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2016</h3>
<div class="line-between"></div>
<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>Some other exciting things happened this year:</p>
<ul>
<li>5 supermarket that act as collateral and network hubs were created</li>
<li>We began testing on platforms to go digital</li>
<li>The initial stages to develop 2 country-wide cooperates (SACCOs) began</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/carousel4.webp">
</div>
<!-- <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 class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2017</h3>
<div class="line-between"></div>
<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>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="{{SITEURL}}/theme/images/aboutus-imgs/carousel5.webp">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2018</h3>
<div class="line-between"></div>
<h2 class="carousel-titles">SARAFU-NETWORK</h2>
<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 class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid " src="{{SITEURL}}/theme/images/aboutus-imgs/3d-classes.jpeg">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="carousel-item"> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
<div class="row pt-5 row-carousel"> data-bs-slide="prev">
<div class="col-lg-6 col-md-12 col-sm-12"> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<div class="wrapper-carousel"> <span class="visually-hidden">Previous</span>
<h3 class="years">2014</h3> </button>
<div class="line-between"></div> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
<h2 class="carousel-titles">GATINA_PESA</h2> data-bs-slide="next">
<p>Gatina-Pesa in Kawangware Nairobi, was the first to launch and first to replicate the Bangla-Pesa model </p> <span class="carousel-control-next-icon" aria-hidden="true"></span>
<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> <span class="visually-hidden">Next</span>
</div> </button>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="youtube-padding">
<div class="wrapper-carousel"> <div class="iframe-container">
<div class="img-wrap"> <iframe width="1202" height="676" src="https://www.youtube.com/embed/ojFPrVvpraU"
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/gatina-pesa.webp"> title="YouTube video player" frameborder="0"
</div> allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
</div> allowfullscreen></iframe>
</div>
</div>
</div> </div>
<div class="carousel-item"> </div>
<div class="row pt-5 row-carousel"> <div class="grid-color-wrap">
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="row d-flex justify-content-center text-center first-row grid-wrapper">
<div class="wrapper-carousel"> <div class="meet-title">
<h3 class="years">2015</h3> <h2>MEET THE TEAM</h2>
<div class="line-between"></div> <div class="big-line-between"></div>
<h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2> </div>
<div class="img-wrap"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/carousel3.webp"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img1.webp">
</div> <div class="grid-img-text">
</div> <p class="name">Shaila</p>
</div> <p class="position">Director</p>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="pesa-items">
<p class="pesa">Kangemi-Pesa</p>
<p class="pesa">Lindi-Pesa</p>
<p class="pesa">Ng'ombeni-Pesa</p>
</div>
</div> </div>
</div> </div>
</div> <div class="col-lg-4 col-md-6 col-sm-12">
</div> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img2.webp">
<div class="carousel-item"> <div class="grid-img-text">
<div class="row pt-5 row-carousel"> <p class="name">Will Ruddick</p>
<div class="col-lg-6 col-md-12 col-sm-12"> <p class="position">Founder</p>
<div class="wrapper-carousel">
<h3 class="years">2015</h3>
<div class="line-between"></div>
<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>Some other exciting things happened this year:</p>
<ul>
<li>5 supermarket that act as collateral and network hubs were created</li>
<li>We began testing on platforms to go digital</li>
<li>The initial stages to develop 2 country-wide cooperates (SACCOs) began</li>
</ul>
</div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> </div>
<div class="wrapper-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="img-wrap"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img3.webp">
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/carousel4.webp"> <div class="grid-img-text">
</div> <p class="name">Caroline Dama</p>
<p class="font-big">90% of users are very satisfied with Sarafu Credit and want to keep using it</p> <p class="position">Advisor</p>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="row pt-5 row-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="col-lg-6 col-md-12 col-sm-12"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img4.webp">
<div class="wrapper-carousel"> <div class="grid-img-text">
<h3 class="years">2017</h3> <p class="name">Sylvia Karanja</p>
<div class="line-between"></div> <p class="position">Data Quality Engineer</p>
<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>
</div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> </div>
<div class="wrapper-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="img-wrap"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img5.webp">
<img class="img-fluid rounded-img" src="{{SITEURL}}/theme/images/aboutus-imgs/carousel5.webp"> <div class="grid-img-text">
</div> <p class="name">Damaris Njoroge</p>
</div> <p class="position">Program Coordinator</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Amina Godana</p>
<p class="position">Support Engineer</p>
</div> </div>
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="row pt-5 row-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="col-lg-6 col-md-12 col-sm-12"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img7.webp">
<div class="wrapper-carousel"> <div class="grid-img-text">
<h3 class="years">2018</h3> <p class="name">Louis Holbrook</p>
<div class="line-between"></div> <p class="position">Senior Software Developer</p>
<h2 class="carousel-titles">CRYPTOCURRENCY</h2>
<p>Big plans to go digital!</p>
</div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> </div>
<div class="wrapper-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="img-wrap"> <img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img8.webp">
<img class="img-fluid " src="{{SITEURL}}/theme/images/aboutus-imgs/3d-classes.jpeg"> <div class="grid-img-text">
</div> <p class="name">Spencer Ofwiti</p>
</div> <p class="position">Software Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Philip Wafula</p>
<p class="position">Software Developer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<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">
<div class="grid-img-text">
<p class="name">Joyce Kamauk</p>
<p class="position">Support Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Isavary Khabuqwi</p>
<p class="position">Communications Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Emmanuel Mbui </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<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">
<div class="grid-img-text">
<p class="name">Fransisca (Mami) Achieng</p>
<p class="position">Field Support Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Fennie Wang</p>
<p class="position">Legal Counsel</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Janet Treezer </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<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">
<div class="grid-img-text">
<p class="name">Grace Rachmany</p>
<p class="position">Advisor</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Gustav Stromfelt</p>
<p class="position">Advisor</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<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> <div class="sponsors-wrapper ">
<span class="visually-hidden">Previous</span> <div class="justify-content-center">
</button> <p class="sponsor-text">Our sponsors and partners include</p>
<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="visually-hidden">Next</span>
</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 class="grid-color-wrap">
<div class="row d-flex justify-content-center text-center first-row grid-wrapper">
<div class="meet-title">
<h2>MEET THE TEAM</h2>
<div class="big-line-between"></div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img1.webp"> <div class="d-flex flex-wrap justify-content-center sponsor-imgs">
<div class="grid-img-text"> <!-- <p class="sponsor-text">Our sponsors and partners include</p>-->
<p class="name">Shaila</p> <img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-stichting.webp" class="img-fluid">
<p class="position">Director</p> <img src="{{SITEURL}}/theme/images/aboutus-imgs/spons-segal.webp" class="img-fluid">
</div> <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>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img2.webp"> <div class="special-thanks">
<div class="grid-img-text"> <h3 class="text-center special-title">A special thanks to our advisors and individual sponsors</h3>
<p class="name">Will Ruddick</p> <div class="row pt-5 justify-content-center">
<p class="position">Founder</p> <div class="col-4">
</div> <p>Holger Hoffmann-Riem</p>
</div> <p>Jeff Emmet</p>
<div class="col-lg-4 col-md-4 col-sm-12"> <p>Griff Green</p>
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img3.webp"> <p>Fennie Wang</p>
<div class="grid-img-text"> <p>Reba Chabeda</p>
<p class="name">Caroline Dama</p> <p>Counsel Reza Zain Jaufeerally</p>
<p class="position">Advisor</p> <p>Carmen Mauk</p>
</div> <p>Professor Jem Bendell</p>
</div> <p>Robert Mutsaers</p>
</div> <p>Ahmed Maawy</p>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12"> </div>
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img4.webp"> <div class="col-8">
<div class="grid-img-text"> <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>
<p class="name">Sylvia Karanja</p> </div>
<p class="position">Data Quality Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img5.webp">
<div class="grid-img-text">
<p class="name">Damaris Njoroge</p>
<p class="position">Program Coordinator</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img6.webp">
<div class="grid-img-text">
<p class="name">Amina Godana</p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img7.webp">
<div class="grid-img-text">
<p class="name">Louis Holbrook</p>
<p class="position">Senior Software Developer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img8.webp">
<div class="grid-img-text">
<p class="name">Spencer Ofwiti</p>
<p class="position">Software Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img9.webp">
<div class="grid-img-text">
<p class="name">Philip Wafula</p>
<p class="position">Software Developer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img10.webp">
<div class="grid-img-text">
<p class="name">Joyce Kamauk</p>
<p class="position">Support Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img11.webp">
<div class="grid-img-text">
<p class="name">Isavary Khabuqwi</p>
<p class="position">Communications Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img12.webp">
<div class="grid-img-text">
<p class="name">Emmanuel Mbui </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img13.webp">
<div class="grid-img-text">
<p class="name">Fransisca (Mami) Achieng</p>
<p class="position">Field Support Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img14.webp">
<div class="grid-img-text">
<p class="name">Fennie Wang</p>
<p class="position">Legal Counsel</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img15.webp">
<div class="grid-img-text">
<p class="name">Janet Treezer </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img16.webp">
<div class="grid-img-text">
<p class="name">Grace Rachmany</p>
<p class="position">Advisor</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="{{SITEURL}}/theme/images/aboutus-imgs/grid-img18.webp">
<div class="grid-img-text">
<p class="name">Gustav Stromfelt</p>
<p class="position">Advisor</p>
</div> </div>
</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,321 +118,410 @@
</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>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5"></li>
<li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6"></li> <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6"></li>
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<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">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
</div> three informal settlements near Kongowea, Mombasa. The currency was backed by donor
</div> funds and accomplished some amazing community service and environmental goals in
<div class="col-lg-6 col-md-12 col-md-12 "> partnership with Green World Campaign while increasing local trade for a year
<div class="wrapper-carousel"> period.</p>
<p class="font-big">On average profits increased in 20%</p> </div>
<div class="img-wrap"> </div>
<img class="img-fluid leaf-style" src="../theme/images/aboutus-imgs/green-leaf-temp.png"> <div class="col-lg-6 col-md-12 col-md-12 ">
<div class="wrapper-carousel">
<p class="font-big">On average profits increased in 20%</p>
<div class="img-wrap">
<img class="img-fluid leaf-style"
src="../theme/images/aboutus-imgs/green-leaf-temp.png">
</div>
<p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p>
<!-- <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>-->
<!-- </div>-->
</div>
</div> </div>
<p class="font-big">20 tonnes of trash collected 1000's of trees were planted</p>
<!-- <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>-->
<!-- </div>-->
</div> </div>
</div> </div>
</div> <div class="carousel-item">
</div> <div class="row pt-5 row-carousel">
<div class="carousel-item"> <div class="col-lg-6 col-md-12 col-sm-12 ">
<div class="row pt-5 row-carousel"> <div class="wrapper-carousel">
<div class="col-lg-6 col-md-12 col-sm-12 "> <h3 class="years">2012 and 2013</h3>
<div class="wrapper-carousel"> <div class="line-between"></div>
<h3 class="years">2012 and 2013</h3> <h2 class="carousel-titles">BANGLA-PESA</h2>
<div class="line-between"></div> <p>Bangladesh is an informal settlement of approximatly 20 000 inhabitants located outside
<h2 class="carousel-titles">BANGLA-PESA</h2> Mombasa Kenya. This was the first place where a program that was not fully dependent on
<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> donor funds was launched. After having had a dramatic start, with people being arrested
</div> under charges of forgery, this project currently holds 87,200 (ksh equivalent) vouchers
</div> in circulation and a network of 218 businesses.</p>
<div class="col-lg-6 col-md-12 col-sm-12 "> </div>
<div class="wrapper-carousel"> </div>
<div class="iframe-container"> <div class="col-lg-6 col-md-12 col-sm-12 ">
<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 class="wrapper-carousel">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2014</h3>
<div class="line-between"></div>
<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>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 class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/gatina-pesa.webp">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2015</h3>
<div class="line-between"></div>
<h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2>
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/carousel3.webp">
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="pesa-items">
<p class="pesa">Kangemi-Pesa</p>
<p class="pesa">Lindi-Pesa</p>
<p class="pesa">Ng'ombeni-Pesa</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2016</h3>
<div class="line-between"></div>
<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>Some other exciting things happened this year:</p>
<ul>
<li>5 supermarket that act as collateral and network hubs were created</li>
<li>We began testing on platforms to go digital</li>
<li>The initial stages to develop 2 country-wide cooperates (SACCOs) began</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/carousel4.webp">
</div>
<!-- <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 class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2017</h3>
<div class="line-between"></div>
<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>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid rounded-img"
src="../theme/images/aboutus-imgs/carousel5.webp">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row pt-5 row-carousel">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2018</h3>
<div class="line-between"></div>
<h2 class="carousel-titles">SARAFU-NETWORK</h2>
<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 class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="img-wrap">
<img class="img-fluid " src="../theme/images/aboutus-imgs/3d-classes.jpeg">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="carousel-item"> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
<div class="row pt-5 row-carousel"> data-bs-slide="prev">
<div class="col-lg-6 col-md-12 col-sm-12"> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<div class="wrapper-carousel"> <span class="visually-hidden">Previous</span>
<h3 class="years">2014</h3> </button>
<div class="line-between"></div> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
<h2 class="carousel-titles">GATINA_PESA</h2> data-bs-slide="next">
<p>Gatina-Pesa in Kawangware Nairobi, was the first to launch and first to replicate the Bangla-Pesa model </p> <span class="carousel-control-next-icon" aria-hidden="true"></span>
<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> <span class="visually-hidden">Next</span>
</div> </button>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="youtube-padding">
<div class="wrapper-carousel"> <div class="iframe-container">
<div class="img-wrap"> <iframe width="1202" height="676" src="https://www.youtube.com/embed/ojFPrVvpraU"
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/gatina-pesa.webp"> title="YouTube video player" frameborder="0"
</div> allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
</div> allowfullscreen></iframe>
</div>
</div>
</div> </div>
<div class="carousel-item"> </div>
<div class="row pt-5 row-carousel"> <div class="grid-color-wrap">
<div class="col-lg-6 col-md-12 col-sm-12"> <div class="row d-flex justify-content-center text-center first-row grid-wrapper">
<div class="wrapper-carousel"> <div class="meet-title">
<h3 class="years">2015</h3> <h2>MEET THE TEAM</h2>
<div class="line-between"></div> <div class="big-line-between"></div>
<h2 class="pad-bott carousel-titles">3 MORE COMMUNITY CURRENCIES JOINED THE NETWORK !</h2> </div>
<div class="img-wrap"> <div class="col-lg-4 col-md-6 col-sm-12">
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/carousel3.webp"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img1.webp">
</div> <div class="grid-img-text">
</div> <p class="name">Shaila</p>
</div> <p class="position">Director</p>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<div class="pesa-items">
<p class="pesa">Kangemi-Pesa</p>
<p class="pesa">Lindi-Pesa</p>
<p class="pesa">Ng'ombeni-Pesa</p>
</div>
</div> </div>
</div> </div>
</div> <div class="col-lg-4 col-md-6 col-sm-12">
</div> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img2.webp">
<div class="carousel-item"> <div class="grid-img-text">
<div class="row pt-5 row-carousel"> <p class="name">Will Ruddick</p>
<div class="col-lg-6 col-md-12 col-sm-12"> <p class="position">Founder</p>
<div class="wrapper-carousel">
<h3 class="years">2015</h3>
<div class="line-between"></div>
<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>Some other exciting things happened this year:</p>
<ul>
<li>5 supermarket that act as collateral and network hubs were created</li>
<li>We began testing on platforms to go digital</li>
<li>The initial stages to develop 2 country-wide cooperates (SACCOs) began</li>
</ul>
</div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> </div>
<div class="wrapper-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="img-wrap"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img3.webp">
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/carousel4.webp"> <div class="grid-img-text">
</div> <p class="name">Caroline Dama</p>
<p class="font-big">90% of users are very satisfied with Sarafu Credit and want to keep using it</p> <p class="position">Advisor</p>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="row pt-5 row-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="col-lg-6 col-md-12 col-sm-12"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img4.webp">
<div class="wrapper-carousel"> <div class="grid-img-text">
<h3 class="years">2017</h3> <p class="name">Sylvia Karanja</p>
<div class="line-between"></div> <p class="position">Data Quality Engineer</p>
<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>
</div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> </div>
<div class="wrapper-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="img-wrap"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img5.webp">
<img class="img-fluid rounded-img" src="../theme/images/aboutus-imgs/carousel5.webp"> <div class="grid-img-text">
</div> <p class="name">Damaris Njoroge</p>
</div> <p class="position">Program Coordinator</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Amina Godana</p>
<p class="position">Support Engineer</p>
</div> </div>
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="row pt-5 row-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="col-lg-6 col-md-12 col-sm-12"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img7.webp">
<div class="wrapper-carousel"> <div class="grid-img-text">
<h3 class="years">2018</h3> <p class="name">Louis Holbrook</p>
<div class="line-between"></div> <p class="position">Senior Software Developer</p>
<h2 class="carousel-titles">CRYPTOCURRENCY</h2>
<p>Big plans to go digital!</p>
</div>
</div> </div>
<div class="col-lg-6 col-md-12 col-sm-12"> </div>
<div class="wrapper-carousel"> <div class="col-lg-4 col-md-6 col-sm-12">
<div class="img-wrap"> <img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img8.webp">
<img class="img-fluid " src="../theme/images/aboutus-imgs/3d-classes.jpeg"> <div class="grid-img-text">
</div> <p class="name">Spencer Ofwiti</p>
</div> <p class="position">Software Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Philip Wafula</p>
<p class="position">Software Developer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<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">
<div class="grid-img-text">
<p class="name">Joyce Kamauk</p>
<p class="position">Support Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Isavary Khabuqwi</p>
<p class="position">Communications Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Emmanuel Mbui </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<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">
<div class="grid-img-text">
<p class="name">Fransisca (Mami) Achieng</p>
<p class="position">Field Support Engineer</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Fennie Wang</p>
<p class="position">Legal Counsel</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Janet Treezer </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<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">
<div class="grid-img-text">
<p class="name">Grace Rachmany</p>
<p class="position">Advisor</p>
</div>
</div>
<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">
<div class="grid-img-text">
<p class="name">Gustav Stromfelt</p>
<p class="position">Advisor</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<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> <div class="sponsors-wrapper ">
<span class="visually-hidden">Previous</span> <div class="justify-content-center">
</button> <p class="sponsor-text">Our sponsors and partners include</p>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"> </div>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span> <div class="d-flex flex-wrap justify-content-center sponsor-imgs">
</button> <!-- <p class="sponsor-text">Our sponsors and partners include</p>-->
</div> <img src="../theme/images/aboutus-imgs/spons-stichting.webp" class="img-fluid">
<div class="youtube-padding"> <img src="../theme/images/aboutus-imgs/spons-segal.webp" class="img-fluid">
<div class="iframe-container"> <img src="../theme/images/aboutus-imgs/spons-lush.webp" class="img-fluid">
<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> <img src="../theme/images/aboutus-imgs/spons-tridos.webp" class="img-fluid">
</div> <img src="../theme/images/aboutus-imgs/spons-da-redcross.webp" class="img-fluid">
</div> <img src="../theme/images/aboutus-imgs/spons-courtofarms.webp" class="img-fluid">
<div class="grid-color-wrap"> <img src="../theme/images/aboutus-imgs/spons-forge.webp" class="img-fluid">
<div class="row d-flex justify-content-center text-center first-row grid-wrapper"> <img src="../theme/images/aboutus-imgs/spons-rotary.webp" class="img-fluid">
<div class="meet-title"> <img src="../theme/images/aboutus-imgs/spons-commons.webp" class="img-fluid">
<h2>MEET THE TEAM</h2> <img src="../theme/images/aboutus-imgs/spons-green-world.webp" class="img-fluid">
<div class="big-line-between"></div> <img src="../theme/images/aboutus-imgs/spons-c.webp" class="img-fluid">
</div> <img src="../theme/images/aboutus-imgs/spons-blockscience.webp" class="img-fluid">
<div class="col-lg-4 col-md-4 col-sm-12"> <img src="../theme/images/aboutus-imgs/spons-iflas.webp" class="img-fluid">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img1.webp"> <img src="../theme/images/aboutus-imgs/spons-redcross.webp" class="img-fluid">
<div class="grid-img-text"> <img src="../theme/images/aboutus-imgs/spons-schumacher.webp" class="img-fluid">
<p class="name">Shaila</p> </div>
<p class="position">Director</p>
</div> <div class="special-thanks">
</div> <h3 class="text-center special-title">A special thanks to our advisors and individual sponsors</h3>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="row pt-5 justify-content-center">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img2.webp"> <div class="col-4">
<div class="grid-img-text"> <p>Holger Hoffmann-Riem</p>
<p class="name">Will Ruddick</p> <p>Jeff Emmet</p>
<p class="position">Founder</p> <p>Griff Green</p>
</div> <p>Fennie Wang</p>
</div> <p>Reba Chabeda</p>
<div class="col-lg-4 col-md-4 col-sm-12"> <p>Counsel Reza Zain Jaufeerally</p>
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img3.webp"> <p>Carmen Mauk</p>
<div class="grid-img-text"> <p>Professor Jem Bendell</p>
<p class="name">Caroline Dama</p> <p>Robert Mutsaers</p>
<p class="position">Advisor</p> <p>Ahmed Maawy</p>
</div>
</div> </div>
</div> <div class="col-8">
<div class="row d-flex justify-content-center text-center grid-wrapper"> <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 class="col-lg-4 col-md-4 col-sm-12"> </div>
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img4.webp"> </div>
<div class="grid-img-text">
<p class="name">Sylvia Karanja</p> </div>
<p class="position">Data Quality Engineer</p> </div>
</div> <hr class="last-line">
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img5.webp">
<div class="grid-img-text">
<p class="name">Damaris Njoroge</p>
<p class="position">Program Coordinator</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img6.webp">
<div class="grid-img-text">
<p class="name">Amina Godana</p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img7.webp">
<div class="grid-img-text">
<p class="name">Louis Holbrook</p>
<p class="position">Senior Software Developer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img8.webp">
<div class="grid-img-text">
<p class="name">Spencer Ofwiti</p>
<p class="position">Software Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img9.webp">
<div class="grid-img-text">
<p class="name">Philip Wafula</p>
<p class="position">Software Developer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img10.webp">
<div class="grid-img-text">
<p class="name">Joyce Kamauk</p>
<p class="position">Support Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img11.webp">
<div class="grid-img-text">
<p class="name">Isavary Khabuqwi</p>
<p class="position">Communications Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img12.webp">
<div class="grid-img-text">
<p class="name">Emmanuel Mbui </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img13.webp">
<div class="grid-img-text">
<p class="name">Fransisca (Mami) Achieng</p>
<p class="position">Field Support Engineer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img14.webp">
<div class="grid-img-text">
<p class="name">Fennie Wang</p>
<p class="position">Legal Counsel</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img15.webp">
<div class="grid-img-text">
<p class="name">Janet Treezer </p>
<p class="position">Support Engineer</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center grid-wrapper">
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img16.webp">
<div class="grid-img-text">
<p class="name">Grace Rachmany</p>
<p class="position">Advisor</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img class="img-fluid circle-img" src="../theme/images/aboutus-imgs/grid-img18.webp">
<div class="grid-img-text">
<p class="name">Gustav Stromfelt</p>
<p class="position">Advisor</p>
</div>
</div>
</div>
</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;*/
/*}*/ /*}*/
.grid-color-wrap{
background-color: #EFF0F0;
}
.grid-wrapper{
margin-left: 500px;
margin-right: 500px;
}
.first-row{ .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-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