membership.html

<div class="container py-3">
  <h3 class="text-primary display-5">Show your support for privacy online</h3>
  <p>When your organization joins the Tor Project’s Membership Program, you are demonstrating your commitment to privacy online and supporting Tor’s agility and development. In return, you become a closer part of our community with three specific benefits: access to our Onion Advisors group to help you integrate Tor into your product, inclusion in conversations and exclusive meetings with the Tor Project team to learn about what we are cooking at Tor, and public promotion of your membership.
  If you are interested in becoming a member, please reach out to us at <mark>giving@torproject.org.</mark></p>
</div>
<div class="container py-3">
    <h3 class="text-primary display-5">Membership Tiers</h3>
    <p>Membership tiers differ in their level of public promotion.  No matter the level of your contribution, members receive the same community benefits: access to our Onion Advisors group to help integrate Tor into your project and inclusion in conversations and exclusive meetings with the Tor Project team. At Tor, we love all of the onions, but shallots are the tastiest!</p>
</div>
<div class="container">
  <div class="row py-3">
      <div class="col">
        <img class="img-fluid p-3 align-self-center float-right" width="200px" src="{{ '../../static/images/membership/green.png' }}" />
      </div>
      <div class="col-sm-8">
          <a class="h2 col-12 text-primary p-0" href="#green">Green Onion Member</a>
          <p class="nick">$10,000 - $49,999 per year</p>
          <p>Your organization’s name, linking back to your website, is featured on our Membership Program page.</p>
      </div>
  </div>
  <div class="row py-3">
      <div class="col">
        <img class="img-fluid p-3 align-self-center float-right" width="200px" src="{{ '../../static/images/membership/vidalia.png' }}" />
      </div>
      <div class="col-sm-8">
          <a class="h2 col-12 text-primary p-0" href="#vidalia">Vidalia Onion Member</a>
          <p class="nick">$50,000 - $99,999 per year</p>
          <p>Your organization’s logo, linking back to your website, is featured on our Membership Program page. We will also engage in social media promotion.</p>
      </div>
  </div>
  <div class="row py-3">
      <div class="col">
        <img class="img-fluid p-3 align-self-center float-right" width="200px" src="{{ '../../static/images/membership/shallot.png' }}" />
      </div>
      <div class="col-sm-8">
          <a class="h2 col-12 text-primary p-0" href="#shallot">Shallot Onion Member</a>
          <p class="nick">≥ $100,000 per year year</p>
          <p>Your organization’s logo, linking back to your website, along with a quote from your organization about your motivation for joining the Membership Program, is featured on our Membership Program page. We will also engage in social media, events, and other promotional mechanisms.</p>
      </div>
  </div>
</div>
<div class="container">
      <div class="row p-5 my-5 border text-center">
        <p>
          Your commitment to the community is at the heart of the Tor Project Membership Program, and our members agree to join our community. As such, Members agree to adhere to <a href="https://gitweb.torproject.org/community/policies.git/tree/code_of_conduct.txt" title="Code of Conduct" target="_blank">Tor's Code of Conduct</a>, <a href="https://gitweb.torproject.org/community/policies.git/tree/social_contract.txt" title="Social Contract" target="_blank">Social Contract</a>, and our <a href="https://gitweb.torproject.org/community/policies.git/tree/statement_of_values.txt" title="Statement of Values" target="_blank">Statement of Values</a>.
        </p>
      </div>
    </div>
<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-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 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 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">
    <h3 class="col-12 text-primary display-4">Vidalia Onion Members</h3>
    <div class="col-md-3 col-xl-3 my-2">
      <div class="card border-1 h-100">
        <img class="card-img-top p-5" src="{{ '../../static/images/membership/logos/Avast.png' }}" alt="Avast">
      </div>
    </div>
    <div class="col-md-3 col-xl-3 my-2">
      <div class="card border-1 h-100">
        <img class="card-img-top p-3" src="{{ '../../static/images/membership/logos/MullvadVPN.png' }}" alt="MullvadVPN">
      </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="">
      </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="">
      </div>
    </div>
  </div>
</div>
<div class="container" id="green">
  <div class="row py-5">
    <h3 class="col-12 text-primary display-4">{{ _('Green Onion Members') }}</h3>
    <div class="col-md-6">
      <ul class="jobs-ul">
          <li><a href="#">Zcash Foundation</a></li>
          <li><a href="#">ProtonMail</a></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
      </ul>
    </div>
    <div class="col-md-6">
      <ul class="jobs-ul">
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
          <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>
      </ul>
    </div>
  </div>
</div>
<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>
</div>
</div>