update bounty and get started page

foundation/erpnext_foundation/doctype/bounty/bounty.py

@@ -69,12 +69,12 @@ def get_list_context(context):
 	context.no_breadcrumbs = True
 	context.order_by = 'creation desc'
 	context.introduction = '''
-	<div style="margin-bottom: 20px;">
+	<div class="mb-4" >
 		<a href="new-bounty" class="btn btn-primary">
 			Start a new bounty</a>
 	</div>'''
 	context.list_footer = '''
-		<p><a class='text-muted small'
+		<p><a class='text-muted'
 			href="/bounties-faq">Bounty FAQ</a></p>
 	'''
 	context.fmt_money = fmt_money

foundation/erpnext_foundation/doctype/bounty/templates/bounty_row.html

@@ -1,11 +1,12 @@
 {% if doc.published %}
-<div style="margin-bottom: 30px; max-width: 600px" class="with-border clickable">
+<div class="col-xs-12 col-sm-6 mb-4">
-	<a href={{ route }}>
+	<div class="card">
-		<h3>{{ doc.feature_name }}</h3>
+		<div class="card-body">
+		<h4 class="card-title">{{ doc.feature_name }}</h4>
 		{% set bounty_progress = ((doc.bounty_collected/doc.goal)*100) %}
 		{% set comments = (json.loads(doc._comments or '[]'))|len %}
 		<div class="progress" style="height: 6px;">
-			<div class="progress-bar progress-bar-success" role="progressbar"
+			<div class="progress-bar bg-success" role="progressbar"
 				aria-valuenow="{{bounty_progress}}" aria-valuemin="0" aria-valuemax="100" style="width: {{bounty_progress}}%">
 				<span class="sr-only">{{ doc.bounty_collected }} of {{ doc.goal }}</span>
 			</div>
@@ -27,7 +28,9 @@
 				</span>
 			{% endif %}
 		</p>
-		<p>{{ html2text(doc.description[:200]) }}{% if doc.description|len > 200 %}...{% endif %}</p>
+		<p class="card-text">{{ html2text(doc.description[:200]) }}{% if doc.description|len > 200 %}...{% endif %}</p>
-	</a>
+		<a href={{ route }}> Read More Details</a>
+	</div>
+	</div>
 </div>
 {% endif %}

foundation/templates/includes/list/list.html

@@ -2,7 +2,7 @@
 <h4 class="text-muted">{{ sub_title }}</h4>
 {% endif %}
 {% if not result -%}
-    <div class="text-muted no-results" style="min-height: 300px;">
+    <div class="text-muted no-results">
 				<i class="mega-octicon octicon-telescope"></i>
     		{{ no_result_message or _("Nothing to show") }}
     </div>
@@ -14,7 +14,7 @@
         {%- endif %} -->
 		{% if result_heading_template %}{% include result_heading_template %}{% endif %}
 
-    	<div class="row result">
+		<div class="result row">
     		{% for item in result %}
     			{{ item }}
     		{% endfor %}

foundation/website/doctype/web_form/templates/web_form.html

@@ -14,9 +14,9 @@
 
 {% block header_actions %}
 	{% if not read_only and has_header %}
-	<div style="padding-bottom: 15px;">
+	<div>
 	    {% if login_required -%}
-		<a href="{{ cancel_url or pathname }}" class="btn btn-default btn-sm">
+		<a href="{{ cancel_url or pathname }}" class="btn btn-outline-secondary btn-sm">
 	    	{{ _("Cancel") }}</a>
 		{%- endif %}
 		{% if not is_list %}
@@ -373,7 +373,6 @@ window.web_form_settings = {
 {% endif %}
 </script>
 {% endblock %}
-
 {% block style %}
 <style>
 {% if style is defined %}{{ style }}{% endif %}

foundation/www/get-started.html

@@ -1,57 +1,50 @@
 {% extends "foundation/templates/base.html" %}
 {% block title %} Get Started - ERPNext Foundation{% endblock %}
 {% block content %}
-<section class="section-padding text-center">
+<section class="my-5 text-center">
-	<div class="container">
+	<img class="w-25 m-auto mb-4" src="/assets/foundation/img/bench-logo.png">
-		<p class="text-center"><a class=""> 
+	<h1>Install ERPNext with Bench</h1>
-				<img class="grid-images" src="/assets/foundation/img/bench-logo.png">
+	<p class="lead font-weight-normal text-center">Bench is our in-house tool to install and manage ERPNext.</p>
-		</a></p>
+	<a target="_blank"  href="https://github.com/frappe/bench#manual-install">Read the instructions on our wiki</a>
-		<h1 class="header-1 text-center">Install ERPNext with Bench</h1>
-		<p class="text-medium text-light text-center">Bench is our in-house tool to install and manage ERPNext.</p>
-		<a class="primary-link text-medium" target="_blank"  href="https://github.com/frappe/bench#manual-install">Read the instructions on our wiki</a>
-	</div>
 </section>
-<section class="section-padding text-center">
+<hr class="featurette-divider">
-	<div class="container">
+<section class="my-5 text-center">
-		<p class="text-center"><a class=""> 
+	<img class="w-50 m-auto mb-4" src="/assets/foundation/img/cloud.png">
-				<img class="feature-img bottom-spacer" src="/assets/foundation/img/cloud.png">
+	<h1>Get ERPNext on cloud</h1>
-		</a></p>
+	<p class="lead text-center font-weight-normal">Start right away with a free trial account </br>and get priority support.</p>
-		<h1 class="header-1">Get ERPNext on cloud</h1>
+	<a class="btn btn-primary btn-lg text-center" href="https://erpnext.com/pricing?source=org">Free 30 Day Trial</a></p>
-		<p class="text-medium intro-copy text-light">Start right away with a free trial account </br>and get priority support.</p>
-		<a class="button button-primary text-center" href="https://erpnext.com/pricing?source=org">Free 30 Day Trial</a></p>
-</div>
 </section>
-<section class="section-padding gray-bg">
+<hr class="featurette-divider">
-	<div class="container">
+<section class="my-5 text-center">
-		<h1 class="header-1 text-center">Virtual Machine Images</h1>
+	<h2>Virtual Machine Images</h2>
-		<p class='text-medium text-light text-center bottom-spacer-4'>Download a pre-installed Virtual Box Images</p>
+	<p class='lead font-eight-normal mb-4'>Download a pre-installed Virtual Box Images</p>
-		<ul class="list-unstyled grid-of-three">
+	<div class="row">
-			<li class="list-items grid-items">
+		<div class="col-sm-4">
 			<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Production.ova">
 				<img class="grid-images" src="/assets/foundation/img/vm-production.png" alt="Download ERPNext Production Image">
 			</a>
-				<h2 class="header-3">Download Production Image</h2>
+			<h2>Download Production Image</h2>
 			<p class="text-muted">Stable build for Production use<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Production.ova.md5">MD5</a></p>
-			</li>
+		</div>
-			<li class="list-items grid-items">
+		<div class="col-sm-4">
 			<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Dev.ova">
 				<img class="grid-images" src="/assets/foundation/img/vm-development.png" alt="Download ERPNext Development Image">
 			</a>
-				<h2 class="header-3">Download Development Image</h2>
+			<h6 class="mt-4">Download Development Image</h6>
 			<p class="text-muted">Bleeding edge build for development only<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Dev.ova.md5">MD5</a>
 			</p>
-			</li>
+		</div>
-			<li class="list-items grid-items">
+		<div class="col-sm-4">
 			<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Vagrant.box">
 				<img class="grid-images" src="/assets/foundation/img/vm-dev-vagrant.png" alt="Download ERPNext Vagrant Box">
 			</a>
-				<h2 class="header-3">Download Vagrant Box</h2>
+			<h6 class="mt-4">Download Vagrant Box</h6>
 			<p class="text-muted">Bleeding edge Vagrant box for development only<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Vagrant.box.md5">MD5</a>
 			</p>
-			</li>
+		</div>
-		</ul>
 	</div>
 </section>
+<hr class="featurette-divider">
 <section class="section-padding text-center">
 	<div class="container">
 		<p class="text-center"><a class="">