Add reviews section and remove the eventse section for now

foundation/public/css/erpnext-org-theme.css

@@ -142,6 +142,7 @@
   display: flex;
   justify-content: space-between;
   flex-direction: column;
+  margin: 0 -2.5rem;
 }
 @media screen and (min-width: 767px) {
   .columns {
@@ -150,12 +151,21 @@
 }
 .column {
   margin-bottom: 1rem;
+  padding: 0 2.5rem;
 }
 @media screen and (min-width: 767px) {
   .column {
     margin: 0;
   }
 }
+.three-column {
+  max-width: 100%;
+}
+@media screen and (min-width: 767px) {
+  .three-column {
+    max-width: 33%;
+  }
+}
 .indicator,
 .indicator-right {
   background: none;
@@ -322,6 +332,10 @@ a:visited {
     padding: 10.5rem 1.5rem;
   }
 }
+.stars {
+  width: 125px;
+  margin-top: 1rem;
+}
 @media screen and (min-width: 767px) {
   .footer {
     padding: 4rem 1.5rem;

foundation/public/less/base.less

@@ -176,6 +176,7 @@
 	display: flex;
 	justify-content: space-between;
 	flex-direction: column;
+	margin: 0 -2.5rem;
 
 	@media screen and (min-width: @screen-xs) {
 		flex-direction: row;
@@ -184,8 +185,17 @@
 
 .column {
 	margin-bottom: 1rem;
+	padding: 0 2.5rem;
 
 	@media screen and (min-width: @screen-xs) {
 		margin: 0;
 	}
 }
+
+.three-column {
+	max-width: 100%;
+
+	@media screen and (min-width: @screen-xs) {
+		max-width: 33%;
+	}
+}

foundation/public/less/erpnext-org-theme.less

@@ -115,6 +115,11 @@ a {
 	}
 }
 
+.stars {
+	width: 125px;
+	margin-top: 1rem;
+}
+
 .footer {
 	@media screen and (min-width: @screen-xs) {
 		padding: 4rem 1.5rem;

foundation/www/index.html

@@ -61,47 +61,33 @@
 </section>
 <section class="feature">
 	<div class="container">
-		<div class="columns text-left">
+	<h1 class="header-1 text-center bottom-spacer">Reviews</h1>
-			<div class="column">
+	<div class="columns">
-				<h1 class="header-2">Events & Meetups</h1>
+		<div class="column text-center">
-				<ul class="bulleted-list list-circle">
+			<a class="secondary-link" href="https://www.capterra.com/p/164441/ERPNext/">
-				{# get first three events from portal events doctype #}
+				<img alt="captera-erpnext review" src="/assets/foundation/img/captera.png" class="review-img">
-				{% for e in events[:3] %}
+				<img alt-"above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
-					<li>
+			</a>
-						<a href="{{ e.route }}" class="secondary-link"><b>{{ e.event_title }}</b><br>{{ frappe.format_date(e.event_date, "medium") }}</a>
-					</li>
-					{% endfor %}
-				</ul>
-			</div>
-			<div class="column">
-				<h1 class="header-2">Help Us Improve</h1>
-				<ul class="bulleted-list list-circle">
-					<li>
-						<a href="https://github.com/frappe/erpnext/tree/develop/erpnext/docs" class="secondary-link">Write Documentation</a>
-					</li>
-					<li>
-						<a href="https://charts.erpnext.com/" class="secondary-link">Help build Chart of Accounts</a>
-					</li>
-					<li>
-						<a href="https://translate.erpnext.com/" class="secondary-link">Help Us Translate</a>
-					</li>
-				</ul>
-			</div>
-			<div class="column">
-				<h1 class="header-2">Need Help?</h1>
-				<ul class="bulleted-list list-circle">
-					<li>
-						<a href="/docs/user/manual" class="secondary-link">User Manual</a>
-					</li>
-					<li>
-						<a href="https://discuss.erpnext.com/" class="secondary-link">Ask in our forum</a>
-					</li>
-					<!--<li>
-						<a href="" class="secondary-link">Get Paid Support</a>
-					</li>-->
-				</ul>
-			</div>
 		</div>
+		<div class="column text-center">
+		<a class="secondary-link" href="https://www.softwareadvice.com/erp/erpnext-profile/">
+			<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice.png" class="review-img">
+			<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
+		</a>
+		</div>
+		<div class="column text-center">
+		<a class="secondary-link" href="https://www.g2crowd.com/products/erpnext/reviews">
+			<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd.png" class="review-img">
+			<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
+		</a>
+		</div>
+		<div class="column text-center">
+		<a class="secondary-link" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
+			<img alt="get app review" src="/assets/foundation/img/getapp.png" class="review-img">
+			<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
+		</a>
+		</div>
+	</div>
 	</div>
 </section>
 {% endblock %}