safing-web/about/index.html

---
layout: page
redirect_from:
  - /our-values/
---

<header style="padding-top: 12rem;"></header>
<section style="margin-top: 3rem;" class="pb-48 ">
  <div class="items-center h-full">
    <div class="container mx-auto px-8 sm:px-0 flex">
      <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
        <div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
          <img src="{{ site.img_url }}page-specific/about/safing-hand.png" alt="">
        </div>
        <div class="inline-block max-w-lg">
          <h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-auto">
            Ownership & Transparent Funding
          </h2>
          <p class="text-md opacity-50 max-w-lg">
            Stay private while surfing the Web. Stop ISPs, Wi-Fi Operators
            and VPNs from collecting all your personal [meta] data. Secure
            your whole computer, not only your web-browser.
          </p>
          <div class="py-10 flex">
            <button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
              <a href="{{ site.ownership_url }}">Go to Finances & ownership</a>
            </button>
            <!-- <a class="transition duration-150 ease-in-out hover:opacity-100 self-center pl-8 uppercase opacity-50 text-xs font-bold" href="#">Source code</a> -->
          </div>
        </div>
        <div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
          <img src="{{ site.img_url }}page-specific/about/safing-hand.png" alt="">
        </div>
      </div>
    </div>
    <div class="items-center h-full mt-64">
      <div class="container mx-auto px-8 sm:px-0 flex">
        <div class="lg:flex">
          <div class="block mx-auto transform hover:scale-90 duration-150 ease-in-out">
            <div class="absolute bg-white w-48 text-center mx-auto leading-tight p-3">
              <span class="text-2xl font-extrabold">Get to know some of us.</span>
            </div>
            <img src="{{ site.img_url }}shapes/placeholder-lg.png" alt="">
          </div>
          <div class="mx-auto grid md:grid-cols-2 gap-8 lg:pl-8 pt-5 lg:pt-0 transform scale-90">
            <div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
              <img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
            </div>
            <div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
              <img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
            </div>
            <div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
              <img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
            </div>
            <div class="mx-auto transform hover:scale-90 duration-150 ease-in-out">
              <img src="{{ site.img_url }}shapes/placeholder-md.png" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="items-center h-full mt-64">
        <div class="container mx-auto px-8 sm:px-0 flex">
          <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto  items-center">
            <div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
              <img src="{{ site.img_url }}page-specific/about/team_overview.png" alt="">
            </div>
            <div class="inline-block max-w-lg">
              <h2 class="text-5xl  tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
                Find A Bit More About Us.
              </h2>
              <p class="text-md opacity-50 max-w-lg">
                Stay private while surfing the Web. Stop ISPs, Wi-Fi Operators
                and VPNs from collecting all your personal [meta] data. Secure
                your whole computer, not only your web-browser.
              </p>
              <div class="py-10 flex">
                <button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
                  <a href="{{ site.team_url }}">go to team</a>
                </button>
                <!-- <a class="transition duration-150 ease-in-out hover:opacity-100 self-center pl-8 uppercase opacity-50 text-xs font-bold" href="#">Source code</a> -->
              </div>
            </div>
            <div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
              <img src="{{ site.img_url }}page-specific/about/team_overview.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>