{% extends "base.html" %}

{% block head %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{SITEURL}}/theme/css/about-us.css">

{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-6 col-md-12 col-sm-12">
            <div class="box-wrap">
                <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">Our goal is to improve the lives of those who are most vulnerable. </p>
                <div class="inline-buttons">
                    <a class="a-button" href="{{SITEURL}}/pages/sarafu-network.html">Sarafu network</a>
                    <a class="a-button" href="#">History</a>
                    <a class="a-button" href="#">Team</a>
                    <a class="a-button" href="#">Sponsors</a>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
            <img src="{{SITEURL}}/theme/images/aboutus-imgs/aboutus-img1.webp" class="img-fluid">
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
            <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>
            </div>
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
            <h2 class="box-title1">HISTORY</h2>
        </div>
    </div>
    <div class="row">
        <p>Photo grid missing!!</p>
        <div class="col-lg-3">

        </div>
        <div class="col-lg-3">

        </div>
        <div class="col-lg-3">

        </div>
        <div class="col-lg-3">

        </div>
    </div>
</div>
<div id="carouselExampleIndicators" class="carousel slide carousel-dark" data-bs-ride="carousel">
    <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="1"></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="4"></li>
        <li  data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5"></li>
        <li  data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
          <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">2010</h3>
                      <div class="line-between"></div>
                      <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>
                  </div>
              </div>
              <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>
        </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">2012 and 2013</h3>
                      <div class="line-between"></div>
                      <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>
                  </div>
              </div>
                <div class="col-lg-6 col-md-12 col-sm-12 ">
                    <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">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 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>
                        <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 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">CRYPTOCURRENCY</h2>
                        <p>Big plans to go digital!</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>
    <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="visually-hidden">Previous</span>
    </button>
    <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 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="grid-img-text">
                <p class="name">Shaila</p>
                <p class="position">Director</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-img2.webp">
            <div class="grid-img-text">
                <p class="name">Will Ruddick</p>
                <p class="position">Founder</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-img3.webp">
            <div class="grid-img-text">
                <p class="name">Caroline Dama</p>
                <p class="position">Advisor</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-img4.webp">
            <div class="grid-img-text">
                <p class="name">Sylvia Karanja</p>
                <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>

{% endblock %}