tweak for mobile

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

@@ -143,16 +143,14 @@
   display: flex;
   justify-content: space-between;
   flex-direction: column;
-  margin: 0 -2.5rem;
 }
 @media screen and (min-width: 767px) {
   .columns {
-    flex-direction: row;
+    flex-direction: inherit;
   }
 }
 .column {
   margin-bottom: 1rem;
-  padding: 0 2.5rem;
 }
 @media screen and (min-width: 767px) {
   .column {
@@ -168,7 +166,19 @@
   }
 }
 .copyright {
+  font-size: 1rem;
+}
+@media screen and (min-width: 767px) {
+  .copyright {
     font-size: 0.75rem;
+  }
+}
+.flex-wrap {
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.grid-center {
+  justify-items: center;
 }
 .indicator,
 .indicator-right {
@@ -339,6 +349,9 @@ a:visited {
     padding: 10.5rem 1.5rem;
   }
 }
+.reviews {
+  max-width: 200px;
+}
 .stars {
   width: 125px;
 }
@@ -347,6 +360,16 @@ a:visited {
     padding: 4rem 1.5rem;
   }
 }
+.footer-brand {
+  order: 10;
+  text-align: center;
+}
+@media screen and (min-width: 767px) {
+  .footer-brand {
+    order: unset;
+    text-align: inherit;
+  }
+}
 .feature .bullet {
   margin-bottom: 0.5rem;
 }
@@ -402,10 +425,6 @@ a:visited {
     min-width: 25%;
   }
 }
-.flex-wrap {
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
 .intro-copy {
   max-width: 599.5px;
   margin: 0 auto 1.5rem auto;
@@ -589,7 +608,12 @@ hr {
 }
 .footer-icon {
   width: 6.5rem;
-  margin-right: 0.5em;
+  margin-right: unset;
+}
+@media screen and (min-width: 767px) {
+  .footer-icon {
+    margin-right: 0.5rem;
+  }
 }
 .footer-email-title {
   margin-bottom: 0.5rem;

foundation/public/less/base.less

@@ -177,16 +177,14 @@
 	display: flex;
 	justify-content: space-between;
 	flex-direction: column;
-	margin: 0 -2.5rem;
 
 	@media screen and (min-width: @screen-xs) {
-		flex-direction: row;
+		flex-direction: inherit;
 	}
 }
 
 .column {
 	margin-bottom: 1rem;
-	padding: 0 2.5rem;
 
 	@media screen and (min-width: @screen-xs) {
 		margin: 0;
@@ -202,5 +200,18 @@
 }
 
 .copyright {
+	font-size: 1rem;
+
+	@media screen and (min-width: @screen-xs) {
 		font-size: 0.75rem;
+	}
+}
+
+.flex-wrap {
+	flex-wrap: wrap;
+	justify-content: flex-start;
+}
+
+.grid-center {
+	justify-items: center;
 }

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

@@ -119,6 +119,10 @@ a {
 	}
 }
 
+.reviews {
+	max-width: 200px;
+}
+
 .stars {
 	width: 125px;
 }
@@ -129,6 +133,16 @@ a {
 	}
 }
 
+.footer-brand {
+	order: 10;
+	text-align: center;
+
+	@media screen and (min-width: @screen-xs) {
+		order: unset;
+		text-align: inherit;
+	}
+}
+
 .feature .bullet {
 	margin-bottom: 0.5rem;
 }
@@ -186,11 +200,6 @@ a {
 	}
 }
 
-.flex-wrap {
-	flex-wrap: wrap;
-	justify-content: flex-start;
-}
-
 .intro-copy {
 	max-width: @screen-md/2;
 	margin: 0 auto 1.5rem auto;
@@ -406,7 +415,11 @@ hr {
 
 .footer-icon {
 	width: 6.5rem;
-	margin-right: 0.5em;
+	margin-right: unset;
+
+	@media screen and (min-width: @screen-xs) {
+		margin-right: 0.5rem;
+	}
 }
 
 .footer-email-title {

foundation/templates/includes/footer/footer.html

@@ -1,5 +1,5 @@
 <footer class="dark-bg">
-<div class="footer">
+	<div class="footer">
 		<div class="container">
 			<div class="columns text-left clearfix">
 				<div class="column footer-brand">
@@ -10,10 +10,12 @@
 					</div>
 					<div class="bottom-spacer">
 						<p class="text-muted footer-email-title">Stay Updated</p>
+						<div class="inline-block">
 							<label class="footer-email"><input class="footer-email-input dark-bg" type="email" placeholder="Your email address"></label>
 							<a href="" class="button button-dark">Subscribe</a>
 						</div>
 					</div>
+				</div>
 				<div class="column">
 					<h3 class="footer-title text-white">Industries</h3>
 					<ul class="list-unstyled footer-list">
@@ -96,7 +98,6 @@
 						<li>
 							<a class="footer-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
 						</li>
-
 						<li>
 							<a class="footer-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a>
 						</li>
@@ -128,7 +129,7 @@
 						</li>
 					</ul>
 				</div>
-</div>
+			</div>
 			<script type="text/javascript">
 				frappe.ready(function(){
 					var d = new Date();
@@ -137,5 +138,5 @@
 				});
 			</script>
 		</div>
-</div>
+	</div>
 </footer>

foundation/templates/includes/navbar/navbar.html

@@ -17,11 +17,11 @@
 					<li class="menu-item">
 						<a href="/about" class="menu-links">About</a>
 					</li>
-					<!-->
+					<!--
 					<li class="menu-item">
 						<a class="button get-started button-primary-small" href="/get-started">Get Started</a>
 					</li>
-					</!-->
+					-->
 				</ul>
 			</div>
 		</div>

foundation/www/index.html

@@ -77,33 +77,33 @@
 		</div>
 		<div class="box">
 			<p class="">First of all, I would like to thank you very much for the great work you’ve done with this ERP, it is the perfect solution for start-ups, like mine! Keep up the good work!</p>
-			<p class="bold text-muted">Dan Radulescu</p>
+			<p class="bold text-muted">Dan Radulescu</br>Romania</p>
 		</div>
 		<div class="box">
 			<p class="">The UI and UX are one of the most fluid and highly useable interfaces I have ever seen in an ERP. You make accounting fun! Keep up the amazing work.</p>
 			<p class="bold text-muted">Gladwyn Lewis</br>ERP Consultant, UAE</p>
 		</div>
 	</div>
-	<div class="columns">
+	<div class="grid-of-four grid-center">
-		<div class="column text-center">
+		<div class="reviews text-center">
 			<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
 				<img alt="captera-erpnext review" src="/assets/foundation/img/captera-bw.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">
+		<div class="reviews text-center">
 		<a class="secondary-link" target="_blank" href="https://www.softwareadvice.com/erp/erpnext-profile/">
 			<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice-bw.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">
+		<div class="reviews text-center">
 		<a class="secondary-link" target="_blank" href="https://www.g2crowd.com/products/erpnext/reviews">
 			<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd-bw.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">
+		<div class="reviews text-center">
 		<a class="secondary-link" target="_blank" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
 			<img alt="get app review" src="/assets/foundation/img/getapp-bw.png" class="review-img">
 			<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">

foundation/www/service-providers.html

@@ -74,7 +74,7 @@
 	<h2>Select by country</h2>
 	<div class='columns flex-wrap'>
 		{% for c in countries %}
-		<div class='countries'>
+		<div class='column countries'>
 			<p>
 			<a class="secondary-link" href="/service-providers?country={{ c[0] }}">{{ c[0] }} ({{ c[1] }})</a>
 			</p>