commit f23332cffa8161ce6f08cb29572a586c53a796df Author: antonela antonela@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@torproject.org.</mark> to get started.</p>