From 697c1cd81bb01aee90bb8300bdbbf70dfaa8b198 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Tue, 16 Apr 2019 18:04:05 -0700
Subject: [PATCH] adding back images for how it works

---
 dist/css/style.css |  9 ++++++---
 index.html         | 33 +++++++++++++++++----------------
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/dist/css/style.css b/dist/css/style.css
index 379d3d1..ef037d2 100644
--- a/dist/css/style.css
+++ b/dist/css/style.css
@@ -1244,8 +1244,11 @@ label {
 	.feature-extended:nth-child(even) .feature-extended-image {
 		order: 1;
 	}
-	.feature-extended-image,
+	.feature-extended-image {
+		flex: 2;
+	}
 	.feature-extended-body {
+		flex: 1;
 		width: auto;
 		padding: 0 24px;
 	}
@@ -1255,7 +1258,7 @@ label {
 	.feature-extended-image img,
 	.feature-extended-image svg {
 		max-width: none;
-		width: 320px;
+		/* width: 320px; */
 	}
 	.feature-extended-body {
 		text-align: left;
@@ -1272,7 +1275,7 @@ label {
 	}
 	.feature-extended-image img,
 	.feature-extended-image svg {
-		width: 480px;
+		/* width: 480px; */
 	}
 }
 .pricing {
diff --git a/index.html b/index.html
index 4271109..02ac1e7 100644
--- a/index.html
+++ b/index.html
@@ -304,35 +304,36 @@
                             </div>
 						</div>
                         <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">
-                            </div> -->
+                            </div>
                             <div class="feature-extended-body">
                                 <h3 class="mt-0">Choose who to give</h3>
                                 <p>Choose <b>causes and regions</b> you want to support.
-																	Look at
-																	the
-																	charities you match according to <b>personal values, performance, and artificial intelligence indicators.</b> 
-																	<br></br>
-																	Or use our <b>charity finder</b> to discover
-																	more ways you can contribute to places and people you want to support.</p>
+								Look at
+								the
+								charities you match according to <b>personal values, performance, and artificial intelligence indicators.</b> 
+								<br></br>
+								Or use our <b>charity finder</b> to discover
+								more ways you can contribute to places and people you want to support.</p>
                             </div>
                         </div>
                         <div class="feature-extended">
-                            <!-- <div class="feature-extended-image is-revealing">
-															<img src="dist/images/grant_detail.png" alt="Feature extended 02">
-                            </div> -->
+                            <div class="feature-extended-image is-revealing">
+								<img src="dist/images/grant_detail.png" alt="Feature extended 02">
+                            </div>
                             <div class="feature-extended-body">
                                 <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 
-																	that your involved in.</p>
-																<p>View <b>live media updates</b> along with other <b>transparent metrics</b> from charities.</p>
+									that your involved in.
+								</p>
+								<p>View <b>live media updates</b> along with other <b>transparent metrics</b> from charities.</p>
                             </div>
                         </div>
                         <div class="feature-extended">
-                            <!-- <div class="feature-extended-image is-revealing">
-															<img src="dist/images/payment_history.png" alt="Feature extended 03">
-                            </div> -->
+                            <div class="feature-extended-image is-revealing">
+								<img src="dist/images/payment_history.png" alt="Feature extended 03">
+                            </div>
                             <div class="feature-extended-body">
                                 <h3 class="mt-0">We keep donations simple</h3>
                                 <p>Whether you create one grant for a few charities or twenty grants