[tor-commits] [tpo/master] Update membership.html

[gus at torproject.org]

commit f23332cffa8161ce6f08cb29572a586c53a796df
Author: antonela <antonela at torproject.org>
Date:   Fri Jul 24 13:42:56 2020 -0300

    Update membership.html
---
 templates/membership.html | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/templates/membership.html b/templates/membership.html
index d1382043..b70fb7e1 100644
--- a/templates/membership.html
+++ b/templates/membership.html
@@ -42,24 +42,32 @@
 <div class="container" id="shallot">
   <div class="row py-5">
     <h3 class="col-12 text-primary display-4">Shallot Onion Members</h3>
-    <div class="col-md-6 col-xl-6 my-2">
+    <div class="col-md-4 col-xl-4 my-2">
       <div class="card border-1 h-100">
         <img class="card-img-top" src="{{ '../../static/images/membership/logos/MullvadVPN.svg' }}" alt="MullvadVPN">
         <div class="card-body">
-          <p><a href="#">Mullvad VPN</a></p>
+          <p><a href="#" class="h4">Mullvad VPN</a></p>
           Mullvad is a VPN service that helps users keep their online activity, identity, and location private. With a fundamental belief in privacy as a universal right, Mullvad's ultimate goal is to make Internet censorship and mass surveillance ineffective.
         </div>
       </div>
     </div>
-    <div class="col-md-6 col-xl-6 my-2">
+    <div class="col-md-4 col-xl-4 my-2">
       <div class="card border-1 h-100">
-        <img class="card-img-top" src="#" alt="Card image cap">
+        <img class="card-img-top" src="#" alt="">
         <div class="card-body">
-          <h4><a href="#">Shallot Onion Member</a></h4>
-          Some description
+          <p><a href="#" class="h4"></a></p>
         </div>
       </div>
     </div>
+    <div class="col-md-4 col-xl-4 my-2">
+      <div class="card border-1 h-100">
+        <img class="card-img-top" src="#" alt="">
+        <div class="card-body">
+          <p><a href="#" class="h4"></a></p>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 <div class="container" id="vidalia">
   <div class="row py-5">
@@ -71,17 +79,17 @@
     </div>
     <div class="col-md-3 col-xl-3 my-2">
       <div class="card border-1 h-100">
-        <img class="card-img-top" src="#" alt="Card image cap">
+        <img class="card-img-top" src="#" alt="">
       </div>
     </div>
     <div class="col-md-3 col-xl-3 my-2">
       <div class="card border-1 h-100">
-        <img class="card-img-top" src="#" alt="Card image cap">
+        <img class="card-img-top" src="#" alt="">
       </div>
     </div>
     <div class="col-md-3 col-xl-3 my-2">
       <div class="card border-1 h-100">
-        <img class="card-img-top" src="#" alt="Card image cap">
+        <img class="card-img-top" src="#" alt="">
       </div>
     </div>
   </div>
@@ -115,7 +123,7 @@
     </div>
   </div>
 </div>
-<div class="col-12 bg-membership" style="background-image: url('../../static/images/membership/header.png'); background-size:cover;">
+<div class="col-12 py-5 bg-membership" style="background-image: url('../../static/images/membership/header.png'); background-size:cover;">
 <div class="row col-sm-8 py-5 text-center mx-auto"/>
   <h2 class="bg-white text-primary text-center p-4 mx-auto my-0">Become a Member</h2>
   <p class="bg-white text-center p-4">Join the Tor Project Membership Program and demonstrate your commitment to privacy online and become more deeply involved in the Tor community. Email us at <mark>giving at torproject.org.</mark> to get started.</p>