diff --git a/static/bitcoin_address.png b/static/bitcoin_address.png
new file mode 100644
index 00000000..d1759a48
Binary files /dev/null and b/static/bitcoin_address.png differ
diff --git a/static/donate.html b/static/donate.html
new file mode 100644
index 00000000..0503c5ee
--- /dev/null
+++ b/static/donate.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8"/>
+        <meta name="theme-color" content="#212121"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1"/>
+        <title>Donate</title>
+        <meta name="description" content="Donating to support development of GrapheneOS."/>
+        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="manifest" href="/manifest.webmanifest"/>
+    </head>
+    <body>
+        <nav>
+            <ul>
+                <li><a href="/">GrapheneOS</a></li>
+                <li class="active"><a href="/donate">Donate</a></li>
+            </ul>
+        </nav>
+        <div id="content">
+            <h1>Donate</h1>
+            <h2>Bitcoin</h2>
+            <p>You can send Bitcoin donations to the following address to support this project:</p>
+            <div id="bitcoin_address">
+                <img src="/bitcoin_address.png" alt="Bitcoin address QR code"/>
+                <p>3QpKs45BLXirWAgYtV1sTCbAkfUe7HByR5</p>
+            </div>
+            <h2>PayPal</h2>
+            <p>PayPal donations can be sent to danielmicay@gmail.com. Please mention GrapheneOS in
+            the donation description to allow for proper record keeping, since PayPal
+            <a href="https://www.paypal.com/ms/smarthelp/article/can-i-have-multiple-paypal-accounts-faq762">
+            does not allow multiple personal accounts</a>.
+        </div>
+    </body>
+</html>
diff --git a/static/grapheneos.css b/static/grapheneos.css
index e9f86049..96d2a2cb 100644
--- a/static/grapheneos.css
+++ b/static/grapheneos.css
@@ -17,6 +17,38 @@ code, pre {
     font-family: "Roboto Mono", monospace;
 }
 
+nav ul {
+    display: flex;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    margin: 0;
+    padding: 0;
+}
+
+nav {
+    background-color: #212121; /* grey900 */
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0 ,0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+}
+
+nav ul li {
+    list-style-type: none;
+}
+
+nav ul li:hover {
+    background-color: #424242; /* grey800 */
+}
+
+nav ul li a {
+    color: #fff; /* 100% white */
+    display: block;
+    text-decoration: none;
+    padding: 1em;
+}
+
+nav ul li.active a {
+    color: #64B5F6; /* blue300 */
+}
+
 a {
     text-decoration: none;
 }
@@ -32,6 +64,17 @@ a:hover {
     overflow-wrap: break-word;
 }
 
+#bitcoin_address {
+    display: inline-block;
+}
+
+#bitcoin_address > * {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
 /* latin */
 @font-face {
     font-family: 'Roboto';
diff --git a/static/index.html b/static/index.html
index dc3acf1d..d0477ba5 100644
--- a/static/index.html
+++ b/static/index.html
@@ -6,9 +6,15 @@
         <meta name="viewport" content="width=device-width, initial-scale=1"/>
         <meta name="description" content="GrapheneOS is a security and privacy focused mobile OS with Android app compatibility."/>
         <title>GrapheneOS</title>
-        <link rel="stylesheet" href="/grapheneos.css"/>
+        <link rel="stylesheet" href="/grapheneos.css?0"/>
     </head>
     <body>
+        <nav>
+            <ul>
+                <li class="active"><a href="/">GrapheneOS</a></li>
+                <li><a href="/donate">Donate</a></li>
+            </ul>
+        </nav>
         <div id="content">
             <h1>GrapheneOS releases</h1>
             <p>These are early sample releases of GrapheneOS, an open source privacy and security
