{% extends "base.html" %}

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

{% endblock %}

{% block content %}
<div class="container-fluid overflow-hidden">
    <div class="row row-margin h-80">
        <div class="col-lg-6 col-md-12 col-sm-12">
            <img src="{{SITEURL}}/theme/images/home-imgs/home-img1.gif" class=" img-fluid img-style" alt="img-gif" >
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
            <div class="wrapper-col">
                <p class="row-one-words">Prospering economies built by thriving communities</p>
                <img class="img-fluid mx-auto d-block row-one-img" src="{{SITEURL}}/theme/images/home-imgs/home-logo.webp">
            </div>
        </div>
    </div>
    <div class="row row-margin">
        <div class="col-lg-6 col-md-12 col-sm-12">
            <div class="words-col-wrapper">
                <h2 class="h2-title">Ending poverty lies in building communities</h2>
                <p class="row-2-words">Through Community Inclusion Currencies people have a way to exchange goods and services and incubate projects and businesses, without relying on scarce national currency and volatile markets.</p>
                <a href="{{SITEURL}}/pages/how-it-works.html" class="butt-style">How it works</a>
            </div>
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
            <img class="img-fluid style-img" src="{{SITEURL}}/theme/images/home-imgs/home-img2.webp">
        </div>
    </div>
    <div class="row flex-column-reverse flex-lg-row row-margin">
<!--        flex-column-reverse flex-lg-row reverses order of column on md and sm screens-->
        <div class="col-lg-6 col-md-12 col-sm-12">
            <img class="img-fluid style-img" src="{{SITEURL}}/theme/images/home-imgs/home-img3.webp">
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
            <div class="words-col-wrapper">
                <h2 class="h2-title">We envision prospering economies built by thriving communities</h2>
                <p class="row-2-words">Grassroots Economics is a non-profit foundation that has been seeking to empower marginalized communities to take charge of their own livelihoods and economic future since 2010.</p>
                <a href="{{SITEURL}}/pages/about-us.html" class="butt-style">About us</a>
            </div>
        </div>
    </div>
    <div class="row row-margin">
        <div class="col-lg-6 col-md-12 col-sm-12">
            <div class="words-col-wrapper">
                <h2 class="h2-title">Get involved</h2>
                <p class="row-2-words">Communities should be afforded the same privileges as nations and be empowered to develop their own prospering economies with the stability of their own currencies.</p>
                <a href="{{SITEURL}}/pages/get-involved.html" class="butt-style">Support us</a>
            </div>
        </div>
        <div class="col-lg-6 col-md-12 col-md-12">
            <img class="img-fluid style-img" src="{{SITEURL}}/theme/images/home-imgs/home-img4.webp">
        </div>
    </div>
    <div class="row home-last-row">
        <div class="justify-content-center text-center a-feat">
            <a href="{{SITEURL}}/pages/media.html">As featured in media</a>
        </div>
        <div class="inline-block">
            <a class="a-center" href="https://qz.com/86618/introducing-the-bangla-pesa-kenyas-beautiful-new-complementary-currency/">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/quartz.webp">
            </a>
            <a class="a-center" href="https://www.youtube.com/watch?v=1awCx-eJB0I">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/ktb.webp">
            </a>
            <a class="a-center" href="https://www.bloomberg.com/news/features/2018-10-31/closing-the-cash-gap-with-cryptocurrency">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/bloomberg.webp">
            </a>
            <a class="a-center" href="http://bbc.co.uk/programmes/p05zw020">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/bbc.webp">
            </a>
            <a class="a-center" href="https://www.youtube.com/watch?v=UpCr8-3K05E">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/aljazeera.webp">
            </a>
            <a class="a-center" href="http://www.yesmagazine.org/commonomics/alternative-currencies-bigger-than-bitcoin-bangla-pesa-brixton">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/yes.webp">
            </a>
            <a class="a-center" href="https://vimeo.com/album/2637039/video/84658423">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/afd.webp">
            </a>
            <a class="a-center" href="https://www.huffingtonpost.com/ellen-brown/the-crime-of-alleviating-_b_3519858.html">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/huffpost.webp">
            </a>
            <a class="a-center" href="https://www.kateraworth.com/doughnut/">
                <img  class="img-fluid" src="{{SITEURL}}/theme/images/home-imgs/doughnut.webp">
            </a>
        </div>
    </div>
</div>
{% endblock %}