1
0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-28 22:31:07 +00:00

Big layout improvements

Collections make more sense, added an edit button
This commit is contained in:
2021-05-02 19:49:21 -05:00
parent 4703b6e72d
commit 749e87cc60
18 changed files with 137 additions and 124 deletions

View File

@@ -53,45 +53,47 @@ layout: default
<p>The devices, software, and services that will protect your privacy highly depend on your use case, workflow, and threat model. 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="col-6 col-sm-4 col-md-3 mt-3">
<a href="/browsers/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-compass mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Browsers</p>
<div class="row mb-5">
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/browsers/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-compass mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Browsers</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/software/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-file-code mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Software</p>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/software/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-file-code mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Software</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/operating-systems/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-desktop mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">OS</p>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/operating-systems/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-desktop mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">OS</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/providers/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-cloud mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Providers</p>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/providers/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-cloud mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Providers</p>
</div>
</div>
</div>
</a>
</a>
</div>
</div>
</div>
</div>