privacyguides.org/index.html
2020-05-11 22:59:21 -05:00

94 lines
3.3 KiB
HTML

---
layout: default
---
<div class="p-5 mb-5 bg-primary">
<div class="container">
<div class="row">
<div class="col-lg-8 col-12 mt-5">
<h2 class="display-4 mt-4">The guide to restoring your online privacy.</h2>
<h5 class="mt-5">Massive organizations are monitoring your online activities. Privacy Guides is your central privacy and security resource to protect yourself online.</h5>
</div>
<div class="col-4 p-5 d-none d-lg-block">
<img src="/assets/img/layout/privacy-guides-logo-notext-colorbg.svg" width="100%">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row m-3">
<div class="col text-center">
<h2>Privacy Tools &amp; Services</h2>
<p>The devices, software, and services that will protect your privacy highly depend on your use-cases, workflows, and threat models. But, if you don't know where to get started, we've chosen some recommended tools to get you going :)</p>
</div>
</div>
<div class="row">
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/devices/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-phone-laptop"></i></h5>
<p class="card-subtitle">Devices</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/browsers/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-compass"></i></h5>
<p class="card-subtitle">Browsers</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/software/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-file-code"></i></h5>
<p class="card-subtitle">Software</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/os/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-desktop"></i></h5>
<p class="card-subtitle">OS</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/providers/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-cloud"></i></h5>
<p class="card-subtitle">Providers</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/services/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-server"></i></h5>
<p class="card-subtitle">Services</p>
</div>
</div>
</a>
</div>
</div>
</div>