adding back images for how it works

This commit is contained in:
talksik
2019-04-16 18:04:05 -07:00
parent 50903eb934
commit 697c1cd81b
2 changed files with 23 additions and 19 deletions
+6 -3
View File
@@ -1244,8 +1244,11 @@ label {
.feature-extended:nth-child(even) .feature-extended-image { .feature-extended:nth-child(even) .feature-extended-image {
order: 1; order: 1;
} }
.feature-extended-image, .feature-extended-image {
flex: 2;
}
.feature-extended-body { .feature-extended-body {
flex: 1;
width: auto; width: auto;
padding: 0 24px; padding: 0 24px;
} }
@@ -1255,7 +1258,7 @@ label {
.feature-extended-image img, .feature-extended-image img,
.feature-extended-image svg { .feature-extended-image svg {
max-width: none; max-width: none;
width: 320px; /* width: 320px; */
} }
.feature-extended-body { .feature-extended-body {
text-align: left; text-align: left;
@@ -1272,7 +1275,7 @@ label {
} }
.feature-extended-image img, .feature-extended-image img,
.feature-extended-image svg { .feature-extended-image svg {
width: 480px; /* width: 480px; */
} }
} }
.pricing { .pricing {
+17 -16
View File
@@ -304,35 +304,36 @@
</div> </div>
</div> </div>
<div class="feature-extended"> <div class="feature-extended">
<!-- <div class="feature-extended-image is-revealing"> <div class="feature-extended-image is-revealing">
<img src="dist/images/grants_list.png" alt="Feature extended 01"> <img src="dist/images/grants_list.png" alt="Feature extended 01">
</div> --> </div>
<div class="feature-extended-body"> <div class="feature-extended-body">
<h3 class="mt-0">Choose who to give</h3> <h3 class="mt-0">Choose who to give</h3>
<p>Choose <b>causes and regions</b> you want to support. <p>Choose <b>causes and regions</b> you want to support.
Look at Look at
the the
charities you match according to <b>personal values, performance, and artificial intelligence indicators.</b> charities you match according to <b>personal values, performance, and artificial intelligence indicators.</b>
<br></br> <br></br>
Or use our <b>charity finder</b> to discover Or use our <b>charity finder</b> to discover
more ways you can contribute to places and people you want to support.</p> more ways you can contribute to places and people you want to support.</p>
</div> </div>
</div> </div>
<div class="feature-extended"> <div class="feature-extended">
<!-- <div class="feature-extended-image is-revealing"> <div class="feature-extended-image is-revealing">
<img src="dist/images/grant_detail.png" alt="Feature extended 02"> <img src="dist/images/grant_detail.png" alt="Feature extended 02">
</div> --> </div>
<div class="feature-extended-body"> <div class="feature-extended-body">
<h3 class="mt-0">Stay engaged with your charities</h3> <h3 class="mt-0">Stay engaged with your charities</h3>
<p>Keep track of where your money is being used, by seeing the progress of the projects <p>Keep track of where your money is being used, by seeing the progress of the projects
that your involved in.</p> that your involved in.
<p>View <b>live media updates</b> along with other <b>transparent metrics</b> from charities.</p> </p>
<p>View <b>live media updates</b> along with other <b>transparent metrics</b> from charities.</p>
</div> </div>
</div> </div>
<div class="feature-extended"> <div class="feature-extended">
<!-- <div class="feature-extended-image is-revealing"> <div class="feature-extended-image is-revealing">
<img src="dist/images/payment_history.png" alt="Feature extended 03"> <img src="dist/images/payment_history.png" alt="Feature extended 03">
</div> --> </div>
<div class="feature-extended-body"> <div class="feature-extended-body">
<h3 class="mt-0">We keep donations simple</h3> <h3 class="mt-0">We keep donations simple</h3>
<p>Whether you create one grant for a few charities or twenty grants <p>Whether you create one grant for a few charities or twenty grants