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

more about-us styling

Browse Source
This commit is contained in:
Idaapayo
2021-06-03 21:48:16 +03:00
parent ec7657aea4
commit 38c5901848
10 changed files with 185 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -50,7 +50,39 @@
.wrapper-carousel{
box-sizing: border-box;
margin: auto;
border: solid 2px blue;
border: solid 2px #ffffff;
max-height: 600px;
max-width: 400px;
}
max-width: 500px;
}
.carousel-indicators li{
width: 10px;
height: 10px;
border-radius: 100%;
}
.carousel-indicators{
bottom: -50px;
/*padding-top: 50px;*/
}
.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
/*.col-carousel-left{*/
/* padding-left: 100px;*/
/*}*/
/*.carousel-indicators-round{*/
/* width: 14px;*/
/* height: 14px;*/
/* border: 2px solid black;*/
/* border-radius: 100%;*/
/*}*/

0
ge-theme/static/css/food-forest.css Normal file
View File

11
ge-theme/templates/Food forests.html Normal file
View File

@@ -0,0 +1,11 @@
{% extends "base.html" %}
{% block head %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{SITEURL}}/theme/css/food-forest.css">
{% endblock %}
{% block content %}
{% endblock %}

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

@@ -35,6 +35,7 @@
</div>
</div>
<div class="row">
<p>Photo grid missing!!</p>
<div class="col-lg-3">
</div>
@@ -49,25 +50,27 @@
</div>
</div>
</div>
<div id="carouselExampleIndicators" class="carousel slide carousel-dark" data-bs-ride="carousel" data-interval="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</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>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-lg-6 col-md-12 col-md-12">
<div class="row pt-5">
<div class="col-lg-6 col-md-12 col-sm-12 ps-5">
<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">
<div class="col-lg-6 col-md-12 col-md-12 ps-5">
<div class="wrapper-carousel">
<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 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>