Add download section to header

This commit is contained in:
Luke 2022-07-20 14:09:42 +02:00
parent 2cb14b8447
commit 0d21c33502

View file

@ -20,11 +20,19 @@ redirect_from:
you back in charge over all your computer's network
connections.
</p>
<a class="btn-secondary" href="#download">Download for free</a>
</div>
<div class="header-two-bottom">
<img src="{{ site.img_url }}page-specific/portmaster/full-interface.png" alt="">
<div class="download-container" id="download">
<div class="col-container-center w-full md:w-max text-center md:text-left">
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
<a class="btn-secondary" href="{{ site.docs_install_linux_url }}#installers"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
<a class="btn-secondary" href="{{ site.docs_install_linux_url }}#installers"><i class="icon-fedora text-md mr-2"></i>Fedora</a>
<a disabled class="btn"><i class="icon-mac text-md mr-2"></i>Macos (Not supported)</a>
</div>
<p class="download-container-extra">
View guide and status for <a class="link-primary" href="{{ site.docs_install_windows_url }}">Windows 7, 8</a> or <a class="link-primary" href="{{ site.docs_install_linux_url }}">other Linux 2.4+ distributions</a>. View installer <a class="link-primary" href="{{ site.github_url }}/checksums/">checksums</a>.
</p>
</div>
</div>
<div class="header-two-bottom"></div>
<div class="header-bg">
<svg viewBox="0 0 862.55555573 533">
<rect width="100%" height="100%" fill="transparent" />