diff --git a/foundation/www/e/__init__.py b/foundation/www/e/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/foundation/www/index.html b/foundation/www/index.html
index 5f9b8b65..405e0671 100644
--- a/foundation/www/index.html
+++ b/foundation/www/index.html
@@ -1,20 +1,20 @@
 {% extends "foundation/templates/base.html" %}
 {% block title %}ERPNext Foundation - Open Source ERP Software{% endblock %}
 {% block content %}
-<section class='my-5 '>
-	<h1 class="w-50 display-3 mt-4">Join us to build the <br> world's leading open source ERP <br> and empower countless organisations</h1>
+<section class='my-5 px-3'>
+	<h1 class="font-weight-normal mt-4">Join us to build the <br> world's leading open source ERP <br> and empower countless organisations</h1>
 	<a class="mt-4 btn btn-primary btn-lg" href="/get-started.html">Get Started</a>
 </section>
 <hr class="featurette-divider">
-<section class='my-5 '>
+<section class='my-5 px-3'>
 	<h1>We have got it all covered</h1>
 	<p class=' w-50 lead font-weight-normal'>ERPNext has all the features to put you in complete control of your business.</p>
 	<img class="mt-4 screenshot" src='/assets/foundation/img/screenshot-main.png' alt="ERPNext desk view">
 </section>
 <hr class="featurette-divider">
-<section class="my-5 ">
+<section class="my-5 px-3">
 	<h1>Industries</h1>
-	<div class="mt-5 row">
+	<div class="mt-5 row text-center">
 		<div class="col-sm-4 col-md-3 col-lg-3 mt4">
 			<a class="" href="/docs/user/manual/en/manufacturing">
 				<img class="grid-images" src="/assets/foundation/img/manufacturing.png" alt="ERP software for manufacturing">
@@ -60,7 +60,7 @@
 	</div>
 </section>
 <hr class="featurette-divider">
-<section class="my-5 ">
+<section class="my-5 px-3">
 	<h1>Empowering businesses around the world</h1>
 	<p class="w-50 lead font-weight-normal">Trusted by more than 3000 companies</p>
 	<div class="mt-5 card-deck">
@@ -111,7 +111,7 @@
 	</div>
 </section>
 <hr class="featurette-divider">
-<section class="my-5 ">
+<section class="my-5 px-3">
 	<h1>ERPNext Foundation</h1>
 	<p class="w-50 lead font-weight-normal">ERPNext Foundation is a
 		community of ERPNext users, developers and service providers.
diff --git a/foundation/www/service-providers.html b/foundation/www/service-providers.html
index 53375265..f10c3c93 100644
--- a/foundation/www/service-providers.html
+++ b/foundation/www/service-providers.html
@@ -15,15 +15,19 @@
 {% endmacro %}
 
 {% macro silver_member(m) %}
-<div class="box clickable {{ 'text-muted' if m.placeholder else '' }}"
-	 style="cursor: pointer;" onclick="location.href='{{ m.route }}'">
-	<h4>{{ m.title }}</h4>
-	<p>{{ m.introduction | truncate(140) }}</p>
+<div class="col-sm-4">
+	<div class="card">
+		<div class="box clickable {{ 'text-muted' if m.placeholder else '' }}"
+			 style="cursor: pointer;" onclick="location.href='{{ m.route }}'">
+			<h4>{{ m.title }}</h4>
+			<p>{{ m.introduction | truncate(140) }}</p>
+		</div>
+	</div>
 </div>
 {% endmacro %}
 
 {% macro show_member(s) %}
-<div class='individual-member'>
+<div class='col-sm-4'>
 	<h3><a class='secondary-link bold' href="/{{ s.route }}">{{ s.title and s.title[:25] }}</a></h3>
 	<p>
 	{{ s.introduction and s.introduction | truncate(140) }}
@@ -45,7 +49,7 @@
 
 <section class="silver bottom-spacer-4">
 	<h2>Silver Members</h2>
-	<div class="grid-of-three">
+	<div class="row">
 		{% for m in silver_members %}
 		{{ silver_member(m) }}
 		{% endfor %}
@@ -57,7 +61,7 @@
 </section>
 <section class="bottom-spacer-4">
 	<h2>Individual Members</h2>
-	<div class="grid-of-three">
+	<div class="row page-padding">
 		{% for s in individual_members %}
 		{{ show_member(s) }}
 		{% endfor %}
@@ -70,9 +74,9 @@
 {% if not form_dict.country %}
 <section>
 	<h2>Select by country</h2>
-	<div class='columns flex-wrap'>
+	<div class='row'>
 		{% for c in countries %}
-		<div class='column countries'>
+		<div class='col-sm-3'>
 			<p>
 			<a class="secondary-link" href="/service-providers?country={{ c[0] }}">{{ c[0] }} ({{ c[1] }})</a>
 			</p>