diff --git a/_layouts/default.html b/_layouts/default.html
index 2eee5bb8..b8ae259b 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -77,11 +77,15 @@
     
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav mr-auto">
-        <li class="nav-item active">
-            {% if active_page != "Home" %}
-            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-            {% endif %}
-        </li>
+        {% if page.active_page %}
+            <li class="nav-item">
+                <a class="nav-link" href="index.html"><i class="fas fa-home"></i></a>
+            </li>
+        {% else %}
+            <li class="nav-item">
+                <a class="nav-link" href="#top"><i class="fas fa-home"></i> <span class="sr-only">Home (current)</span></a>
+            </li>
+        {% endif %}
         <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="providerDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             Provider
@@ -167,9 +171,15 @@
         </li>
         </ul>
         <ul class="navbar-nav">
-        <li class="nav-item">
-            <a class="nav-link" href="donate.html">Donate <i class="fas fa-heart text-danger"></i></a>
-        </li>
+        {% if page.active_page == "donate" %}
+            <li class="nav-item active">
+                <a class="nav-link" href="#">Donate <i class="fas fa-heart text-danger"></i>  <span class="sr-only">(current)</span></a>
+            </li>
+        {% else %}
+            <li class="nav-item">
+                <a class="nav-link" href="donate.html">Donate <i class="fas fa-heart text-danger"></i></a>
+            </li>
+        {% endif %}
         </ul>
     </div>
 </div>
@@ -177,6 +187,8 @@
 <!-- navigation ends here -->
 
 <div class="py-4">
+<h1 id="top"></h1>
+<div class="mb-5"></div>
 {{ content }}
 </div>
 
diff --git a/donate.html b/donate.html
index 1d6733ee..7d3d5d76 100644
--- a/donate.html
+++ b/donate.html
@@ -1,26 +1,16 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Donate - privacytools.io</title>
-	<link href="css/bootstrap.min.css" rel="stylesheet">
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-	<link rel="shortcut icon" href="favicon.ico" type="image/ico">
-	<!-- content security policy -->
-	<!--  <meta http-equiv='Content-Security-Policy' content="default-src 'self'; script-src https://privacytoolsio.github.io http://privacytoolsio.github.io; style-src 'self'"> -->
+---
+layout: default
+active_page: donate
+---
 
-	<!-- referrer policy -->
-  	<meta http-equiv="Referrer-Policy" content="no-referrer">
-  
-</head>
-<body>
-
-<center>
+<div class="col-12">
+<div class="row">
+<div class="mx-auto text-center">
 
 <br>
 
 <p>
-	<a href="https://www.privacytools.io/"><img src="img/layout/logo_smaller.png" class="img-responsive" alt="privacytools.io"></a>
+	<a href="https://www.privacytools.io/"><img src="img/layout/logo_smaller.png" class="img-fluid" alt="privacytools.io"></a>
 </p>
 
 
@@ -38,10 +28,10 @@
 	<a href="bitcoin:1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt?message=privacytools.io%20(Coffee,%20Beer%20and%20Pizza)" target="_blank"><img src="img/layout/qr.png"></a>	
 </p>	
 
-<p>
-	<input type="text" value="1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt" onclick="this.focus();this.select()" class="form-control input-lg" style="width:400px;">
-	<span class="help-block">For easy copy and paste. <a href="bitcoin:1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt?message=privacytools.io%20(Coffee,%20Beer%20and%20Pizza)">Or use this link.</a></span>
-</p>	
+<div class="form-group">
+	<input id="address" type="text" value="1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt" onclick="this.focus();this.select()" class="form-control text-center">
+	<label for="address">For easy copy and paste. <a href="bitcoin:1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt?message=privacytools.io%20(Coffee,%20Beer%20and%20Pizza)">Or use this link.</a></label>
+</div>	
 
 </p>
 
@@ -58,9 +48,9 @@
 
 
 <p>
-	<img src="img/misc/smile.png" class="img-responsive" alt="Smile">
+	<img src="img/misc/smile.png" class="img-fluid" alt="Smile">
 </p>
 
-</center>
-</body>
-</html>
+</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/index.html b/index.html
index 16c9253f..81bdaf78 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@ layout: default
 <div class="container" role="main">
 
 
-<div class="jumbotron mt-5 p-5">
+<div class="jumbotron p-5">
     <!-- header just below the navigation bar -->
     <h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img src="img/layout/logo.png" class="img-fluid" alt="privacytools.io"></a></h1>
     <p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.</p>
