2021-06-21 16:51:45 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< title > grassroots-pelican< / title >
< meta charset = "utf-8" / >
< meta name = "ida" content = "Pelican" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel = "stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
< link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.13.0/css/all.css"
href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" crossorigin="anonymous">
< link rel = "preconnect" href = "https://fonts.gstatic.com" >
< link href = "https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel = "stylesheet" >
< link rel = "stylesheet" type = "text/css" href = "../theme/css/style.css" >
< script src = "https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous">< / script >
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384 - ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384 - gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> -->
< script src = "https://use.fontawesome.com/5932321f98.js" > < / script >
< link rel = "stylesheet" type = "text/css" href = "../theme/css/howitworks.css" >
< / head >
< body id = "base-index" class = "base-home" >
< nav class = "navbar navbar-expand-lg navbar-light bg-light" >
< div class = "container-fluid" >
< a class = "navbar-brand" href = "#" >
< img id = "nav-logo" src = "../theme/images/ge-logo-resizeimage.png" alt = "logo" >
< / a >
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarSupportedContent" >
< ul class = "navbar-nav me-auto mb-2 mb-lg-0" >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/about-us.html" > about-us< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/food-forests.html" > Food Forests< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/get-involved.html" > Get Involved< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/home.html" > Home< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/how-it-works.html" > How It Works< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/media.html" > Media< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/research.html" > Research< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "../pages/sarafu-network.html" > Sarafu Network< / a > < / li >
< li class = "nav-item" > < a class = "nav-link"
href="../category/blog.html">blog< / a > < / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" id = "navbarDropdown" role = "button"
data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
< / a >
< ul class = "dropdown-menu" aria-labelledby = "navbarDropdown" >
< li > < a class = "dropdown-item" href = "#" > Action< / a > < / li >
< li > < a class = "dropdown-item" href = "#" > Another action< / a > < / li >
< li >
< hr class = "dropdown-divider" >
< / li >
< li > < a class = "dropdown-item" href = "#" > Something else here< / a > < / li >
< / ul >
< / li >
< / ul >
< / div >
< / div >
< / nav >
< div class = "container-fluid" >
< div class = "img-text-container" >
< img class = "img-fluid" src = "../theme/images/howitworks-imgs/howit-img1.webp" >
< h1 class = "text-img" > Community Inclusion Currencies< / h1 >
< / div >
< div class = "iframe-wrapper" >
< div class = "iframe-container1" >
< iframe width = "911" height = "515" src = "https://www.youtube.com/embed/vJL9-FFleow" title = "YouTube video player" frameborder = "0" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
< / div >
< / div >
<!-- <div class="d - flex many - imgs"> -->
<!-- <!– <div class="flex - column">–> -->
<!-- <!– <div class="flex - lg - shrink - 0 flex - md - shrink - 0 flex - sm - shrink - 1">–> -->
<!-- <img class="img - fluid" src="../theme/images/howitworks - imgs/manyimgs1resized.gif"> -->
<!-- <!– </div>–> -->
<!-- <div class="flex - lg - grow - 1 flex - md - grow - 1 flex - sm - grow - 0"> -->
<!-- <p class="text1 - beside">Community Inclusion Currencies are regional means of exchange that supplements the national currency system. See Sarafu Network as an example.</p> -->
<!-- </div> -->
<!-- <!– </div>–> -->
<!-- <div class="align - self - end"> -->
<!-- <div class="arrow - container"> -->
<!-- <img class="img - fluid" src="../theme/images/howitworks - imgs/manyimgs - 2.webp"> -->
<!-- </div> -->
<!-- </div> -->
<!-- <!– </div>–> -->
<!-- </div> -->
< div class = "many-imgs" >
< div class = "row" >
< div class = "col-6" >
< img class = "img-fluid" src = "../theme/images/howitworks-imgs/manyimgs1resized.gif" >
< / div >
< div class = "col-6" >
< p class = "text-beside1" > Community Inclusion Currencies are regional means of exchange that supplements the national currency system. See Sarafu Network as an example.< / p > < br >
< div class = "arrow-container" >
< img class = "img-fluid" src = "../theme/images/howitworks-imgs/manyimgs-2.webp" > < / div >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-lg-12 base-footer" >
< a href = "https://wa.me/254757628885" >
< img class = "img-fluid" src = "../theme/images/base-imgs/whatsaap.webp" >
< / a >
< a href = "https://www.facebook.com/grassrootseconomicsfoundation/" >
< img class = "img-fluid" src = "../theme/images/base-imgs/facebook.webp" >
< / a >
< a href = "https://twitter.com/grassecon?lang=en" >
< img class = "img-fluid" src = "../theme/images/base-imgs/twitter.webp" >
< / a >
< a href = "https://www.youtube.com/user/motomotocircus/featured" >
< img class = "img-fluid" src = "../theme/images/base-imgs/youtube.webp" >
< / a >
< a id = "terms-conditions" href = "../pages/terms-and-conditions.html" > TERMS AND CONDITIONS< / a >
< / div >
< / div >
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous">< / script >
< / body >
< / html >