Browser frontpage update

i2p2www/pages/site/browser/_front.html

@@ -31,8 +31,8 @@
 {% block content %}
 
 
-<div class="browser-front-wrapper">
-  <h1>{% trans %}Protect and defend yourself.{% endtrans %}</h1>
+<section class="browser-front-wrapper">
+  <h1>{% trans %}Resist. Block. Defend.{% endtrans %}</h1>
 {%- if detected_os == 'windows' -%}
   {%- set name     = 'Windows' -%}
   {%- set icon     = 'images/download/windows.png' -%}
@@ -58,7 +58,60 @@
   {% endcall %}
 
 {%- endif -%}
-</div>
+</section>
+
+<section class="browser-onboarding">
+  <div class="row">
+    <h1>{% trans %}Why use the I2P Browser?{% endtrans %}</h1>
+  </div>
+  <div class="row">
+    <div class="row-image">
+      <img src="{{ url_for('static', filename='images/browser/fp_protection.svg') }}" />
+    </div>
+    <div class="row-text">
+      <h4>Avoid fingerprinting</h4>
+      I2P Browser aims to make all users look the same making it difficult for you to be fingerprinted based on your browser and device information.
+    </div>
+  </div>
+  <div class="row">
+    <div class="row-image">
+      <img src="{{ url_for('static', filename='images/browser/routing.svg') }}" />
+    </div>
+    <div class="row-text">
+      <h4>Garlic Routing</h4>
+      I2P Browser uses the I2P network to enable garlic routing of your traffic keeping it safe from any internet service providers.
+    </div>
+  </div>
+  <div class="row">
+    <div class="row-image">
+      <img src="{{ url_for('static', filename='images/browser/encryption.svg') }}" />
+    </div>
+    <div class="row-text">
+      <h4>Multi layer encryption</h4>
+      Your traffic is relayed and encrypted six times with default settings as it passes over the I2P network. The network is comprised of thousands of other routers connected to the I2P network.
+    </div>
+  </div>
+  <div class="row">
+    <div class="row-image">
+      <img src="{{ url_for('static', filename='images/browser/block_trackers.svg') }}" />
+    </div>
+    <div class="row-text">
+      <h4>Block Trackers</h4>
+      I2P Browser isolates each website you visit so third-party trackers and ads can't follow you. Any cookies automatically clear when you're done browsing. So will your browsing history.
+    </div>
+  </div>
+  <div class="row">
+    <div class="row-image">
+      <img src="{{ url_for('static', filename='images/browser/surveillance.svg') }}" />
+    </div>
+    <div class="row-text">
+      <h4>Circumvent surveillance</h4>
+      I2P Browser prevents someone watching your connection from knowing what websites you visit. All anyone monitoring your browsing habits can see is that you're using I2P.
+    </div>
+  </div>
+  <div class="row"></div>
+</section>
+