safing-web/support/index.html

---
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-55 max-w-lg mx-auto">
            What do you need help with?
          </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-55 max-w-screen-sm mx-auto">
              Please report technical issues on the portmaster
              repository, problems with the user interface on the portmaster-ui
              repo and ask for help on Reddit
            </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">
                  Portmaster Repo
                </button>
              </a>
              <a href="{{ site.github_url }}/portmaster-ui/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">
                  Portmaster UI Repo
                </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>
      </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">
              Safing Privacy Network
            </h2>
          </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 want to know more about the technology, visit <a href="{{ site.spn_url }}" class="link">the SPN page</a>, <a href="{{ site.kickstarter_url }}" class="link">the Kickstarter</a> or read <a href="{{ site.whitepaper_url }}" class="link">our Whitepaper</a>.
                <br/>
                <br/>
                Otherwise, feel free to contact us with any matter or request you might have.
              </p>
            </div>
            <div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
              <a href="mailto:support@safing.io" 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>