pelican-website-ge/output/index.html
2021-08-05 21:05:10 +03:00

176 lines
10 KiB
HTML

<!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://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha512-3P8rXCuGJdNZOnUx/03c1jOTnMn3rP63nBip5gOP2qmUh5YAdVAvFZ1E+QLZZbC1rtMrQb+mah3AfYW11RUrWA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://use.fontawesome.com/5932321f98.js"></script>
<link rel="stylesheet" type="text/css" href="./theme/css/home-styles.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="./">Home</a></li>
<li class="nav-item" ><a class="nav-link" href="./pages/mooc.html">MOOC</a></li>
<li class="nav-item" ><a class="nav-link" href="./pages/contact-us.html">Contact us</a></li>
<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/how-it-works.html">How It Works</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/sarafu-network.html">Sarafu Network</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/get-involved.html">Get Involved</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/dashboard.html">Dashboard</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">-->
<!-- More-->
<!-- </a>-->
<!-- <ul class="dropdown-menu" aria-labelledby="navbarDropdown">-->
<!-- <li><a class="dropdown-item" href="./pages/mooc.html">MOOC</a></li>-->
<!-- <li><a class="dropdown-item" href="./pages/contact-us.html">Contact-us</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 overflow-hidden">
<div class="row row-margin h-80">
<div class="col-lg-6 col-md-12 col-sm-12">
<img src="./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="./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="./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="./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="./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="./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="./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="./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="./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="./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="./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="./theme/images/home-imgs/bloomberg.webp">
</a>
<a class="a-center" href="http://bbc.co.uk/programmes/p05zw020">
<img class="img-fluid" src="./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="./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="./theme/images/home-imgs/yes.webp">
</a>
<a class="a-center" href="https://vimeo.com/album/2637039/video/84658423">
<img class="img-fluid" src="./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="./theme/images/home-imgs/huffpost.webp">
</a>
<a class="a-center" href="https://www.kateraworth.com/doughnut/">
<img class="img-fluid" src="./theme/images/home-imgs/doughnut.webp">
</a>
</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>