---
title: Get Help
layout: page
---

<header class="h-screen">
  <div class="flex items-center h-screen">
    <div class="container mx-auto px-8 sm:px-0">
      <div class="text-center">
        <h2 class="text-5xl sm:text-6xl tracking-tight font-extrabold leading-none py-10">
          Support
        </h2>
        <div class="self-center">
          <p class="text-md opacity-50 max-w-lg mx-auto">
            If you need help, well your in the right place.
          </p>
          <div class="py-10 sm:py-16 block ">
            <a href="#spn">
              <button type="button" style="background-color: #000;" class="mb-5 transform hover:scale-95 inline-flex items-center px-16 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">
                Spn
              </button>
            </a>
            <br>
            <a href="#portmaster">
              <button type="button" style="background-color: #000;" class=" mb-5 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">
                Portmaster
              </button>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>

<section style="margin-top: -14rem;" id="portmaster">
  <div class="items-center h-full">
    <div class="max-w-full mx-auto px-4 sm:px-6">
      <div class="py-12 bg-white">
        <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
          <div class="text-center">
            <h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
              Portmaster
            </h2>
            <p class="text-md opacity-50">
              Portmaster support section.
            </p>
          </div>
          <div>
            <div class="text-center lg:text-left lg:inline-flex items-center mt-16 mb-16 spn-shadow p-10 rounded-lg">
              <div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
                <svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <g fill="none">
                    <path d="M0 0h24v24H0z" />
                    <path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 21v0c-4.971 0-9-4.029-9-9v0c0-4.971 4.029-9 9-9v0c4.971 0 9 4.029 9 9v0c0 4.971-4.029 9-9 9z" />
                    <path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 17v-5h-1M11.749 8c-.138 0-.25.112-.249.25 0 .138.112.25.25.25s.25-.112.25-.25-.112-.25-.251-.25" />
                  </g>
                </svg>
              </div>
              <p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75">
                Please note that the Portmaster is still in an <span class="font-extrabold">early development stage.</span> It is functional, but has not yet been
                tested widely. Thus, we currently expect you to have the technical knowledge to troubleshoot and <span class="font-extrabold">fix
                  issues on your end by yourself.</span>
              </p>
            </div>
            <div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center ">
              <a href="{{ site.github_url }}/portmaster/issues" class="flex items-center mx-auto text-center">
                <button type="button" style="background-color: #000;" class="transform hover:scale-95 hover:opacity-100 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">
                  Github issues
                </button>
              </a>
              <a href="{{ site.reddit_url }}" class="flex items-center mx-auto text-center">
                <button type="button" style="background-color: #000;" class="lg:ml-3 lg:mr-3 transform hover:scale-95 hover:opacity-100 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">
                  reddit
                </button>
              </a>
              <a href="mailto:support@safing.io" class="flex items-center mx-auto text-center">
                <button type="button" style="background-color: #000;" class="lg:ml-3 lg:mr-3 transform hover:scale-95 hover:opacity-100 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">
                  Contact us
                </button>
              </a>
            </div>
            <div>
              <div class="text-center lg:text-left lg:inline-flex items-center mt-16 mb-16 spn-shadow p-10 rounded-lg ml-0 mr-0 md:ml-32 md:mr-32">
                <div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
                  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none">
                      <path d="M0 0h24v24H0z" />
                      <path stroke="#e28d8d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 13.12V9.38M11.999 16.125c-.138 0-.25.112-.249.25 0 .138.112.25.25.25s.25-.112.25-.25-.112-.25-.251-.25" />
                      <path stroke="#e28d8d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M14.029 4.139l7.659 13.404c.89 1.558-.235 3.497-2.029 3.497H4.341c-1.795 0-2.92-1.939-2.029-3.497L9.971 4.139c.897-1.571 3.161-1.571 4.058 0z" />
                    </g>
                  </svg>
                </div>
                <p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75">
                  <span class="font-extrabold">If you don’t know what your doing dont download any of these.</span>
                  There are weird bugs and issues Support is only done by the community and not safing.
                </p>
              </div>
              <div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
                <a href="{{ site.reddit_url }}" class="flex items-center">
                  <button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-16 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">
                    reddit
                  </button>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section style="margin-top: 3rem;  margin-bottom: 5rem;" id="spn">
  <div class="items-center h-full">
    <div class="max-w-full mx-auto px-4 sm:px-6">
      <div class="py-12 bg-white">
        <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
          <div class="text-center">
            <h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
              SPN
            </h2>
            <p class="text-md opacity-50">
              Safing Privacy Network support section
            </p>
          </div>
          <div class="mx-auto text-center">
            <div class="text-center lg:text-left lg:inline-flex items-center mt-16 mb-16 spn-shadow p-10 rounded-lg">
              <div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
                <svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <g fill="none">
                    <path d="M0 0h24v24H0z" />
                    <path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 21v0c-4.971 0-9-4.029-9-9v0c0-4.971 4.029-9 9-9v0c4.971 0 9 4.029 9 9v0c0 4.971-4.029 9-9 9z" />
                    <path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 17v-5h-1M11.749 8c-.138 0-.25.112-.249.25 0 .138.112.25.25.25s.25-.112.25-.25-.112-.25-.251-.25" />
                  </g>
                </svg>
              </div>
              <p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75">
                If you have paid for a subscprtion please attach you uid account number to the subject.
              </p>
            </div>
            <div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
              <a href="#" class="flex items-center">
                <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">
                  contact us
                </button>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>