mirror of
https://github.com/privacyguides/privacyguides.org.git
synced 2024-10-01 01:35:57 -04:00
94 lines
3.3 KiB
HTML
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 & 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>
|