grassrootseconomics/pelican-website-ge
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

about-us styling in carousel

Browse Source
This commit is contained in:
Idaapayo 2021-06-08 20:34:16 +03:00
parent 38c5901848
commit 4be84bf583
10 changed files with 160 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ge-theme/static/css/about-us.css
View File

@ -77,6 +77,24 @@
width: 100%;
height: 100%;
}
.font-big{
font-size: 30px;
}
.leaf-style{
background-color: #ffffff;
}
.img-wrap{
text-align: center;
padding-bottom: 10px;
background-color: #ffffff;
}
.carousel-inner{
margin-bottom: 50px;
}
/*.row-carousel{*/
/* padding-right: 20px;*/
/* padding-left: 20px;*/
/*}*/
/*.col-carousel-left{*/
/* padding-left: 100px;*/
/*}*/

BIN
ge-theme/static/images/aboutus-imgs/gatina-pesa.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
ge-theme/static/images/aboutus-imgs/green-leaf-temp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
ge-theme/static/images/aboutus-imgs/leaf-temp.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

67
ge-theme/templates/about-us.html
View File

@ -55,26 +55,83 @@
<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">
<div class="col-lg-6 col-md-12 col-sm-12 ps-5">
<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>
<h2>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 ps-5">
<div class="col-lg-6 col-md-12 col-md-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>
<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">
<div class="col-lg-6 col-md-12 col-sm-12 ">
<div class="wrapper-carousel">
<h3 class="years">2012 and 2013</h3>
<h2>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">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2014</h3>
<h2>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">
<img class="img-fluid leaf-style" src="{{SITEURL}}/theme/images/aboutus-imgs/gatina-pesa.webp">
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<p>hello there</p>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>

67
output/pages/about-us.html
View File

@ -97,26 +97,83 @@
<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">
<div class="col-lg-6 col-md-12 col-sm-12 ps-5">
<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>
<h2>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 ps-5">
<div class="col-lg-6 col-md-12 col-md-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>
<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>
</div>
<div class="carousel-item">
<div class="row pt-5">
<div class="col-lg-6 col-md-12 col-sm-12 ">
<div class="wrapper-carousel">
<h3 class="years">2012 and 2013</h3>
<h2>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">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<h3 class="years">2014</h3>
<h2>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">
<img class="img-fluid leaf-style" src="../theme/images/aboutus-imgs/gatina-pesa.webp">
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="wrapper-carousel">
<p>hello there</p>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>

18
output/theme/css/about-us.css
View File

@ -77,6 +77,24 @@
width: 100%;
height: 100%;
}
.font-big{
font-size: 30px;
}
.leaf-style{
background-color: #ffffff;
}
.img-wrap{
text-align: center;
padding-bottom: 10px;
background-color: #ffffff;
}
.carousel-inner{
margin-bottom: 50px;
}
/*.row-carousel{*/
/* padding-right: 20px;*/
/* padding-left: 20px;*/
/*}*/
/*.col-carousel-left{*/
/* padding-left: 100px;*/
/*}*/

BIN
output/theme/images/aboutus-imgs/gatina-pesa.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
output/theme/images/aboutus-imgs/green-leaf-temp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
output/theme/images/aboutus-imgs/leaf-temp.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB