mirror of
https://github.com/safing/web
synced 2025-09-02 19:19:03 +00:00
31 lines
2.1 KiB
HTML
31 lines
2.1 KiB
HTML
<header class="h-screen bg-local bg-no-repeat bg-cover bg-center" style="background-image: url({{ site.img_url }}header.png">
|
|
<img class="-z-0 pt-16 absolute hidden md:block" style="z-index: -1;" src="" alt="">
|
|
<div class="flex items-center h-full">
|
|
<div class="container mx-auto sm:px-8 sm:px-0">
|
|
<div class="container mx-auto px-8 sm:px-0 flex">
|
|
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-0 lg:flex">
|
|
<div class="inline-block text-center md:text-left lg:mr-12 lg:mt-20">
|
|
<h2 class="py-10 text-5xl tracking-tight font-extrabold text-gray-900 sm:text-5xl leading-none md:text-6xl md:mx-auto">
|
|
<span style="color: #6188ff;">Fight surveillance</span> because you <span style="color: #6188ff;">love freedom</span>.
|
|
</h2>
|
|
<p style="max-width: 440px;" class="text-md opacity-50 max-w-4xl mx-auto md:mx-0">
|
|
Without privacy there is no free press, no free speech,
|
|
not even freedom of thought. Take back your freedom.
|
|
</p>
|
|
<div class="py-10 sm:py-10 md:flex text-center">
|
|
<button type="button" class="bg-black mb-5 md:mb-0 transform hover:scale-95 inline-flex items-center px-5 px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
|
<a href="#tools">
|
|
discover our tools
|
|
</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="lg:pb-0 m0-0 lg:ml-0 self-center">
|
|
<!-- <video style="box-shadow: 0 0px 90px 0 rgba(59, 93, 199, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.05);" class="z-30 rounded-md max-w-full max-h-auto transform lg:scale-125" playsinline="" preload="auto" src="../videos/spn/interim.mp4" controls autoplay muted loop></video> -->
|
|
<img class="transform lg:scale-150 lg:ml-16 max-w-auto" src="{{ site.img_url }}freedom.gif" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|