vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 09:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update about layout

Browse source
This commit is contained in:
Luke 2021-01-28 10:25:35 +01:00
parent 0e468d5cd0
commit f3f0b1925b
1 changed files with 59 additions and 20 deletions

79
about/index.html
View file

@ -40,27 +40,66 @@ redirect_from:
</div>
</div>
</div>
<div class="items-center h-full my-40 md:my-64">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="flex grid md:grid-cols-2">
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<div class="absolute bg-white w-48 text-center mx-auto leading-tight p-3">
<span class="text-2xl font-extrabold">Get to know some of us.</span>
<div class="items-center h-full my-48">
<div class="flex items-center h-full">
<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="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-0">
<div class="inline-block max-w-3xl text-center md:text-left">
<h2 class="text-5xl w-1/1 tracking-tight font-extrabold leading-none py-10">Engage the problem at <span style="color: #6188ff;">The Core</span></h2>
<p class="text-md opacity-55">
The Internet is one of the most beautiful things there is. But every connection has the potential to betray you, leaking personal information you never wanted to share. That's where we intercept.
</p>
</div>
</div>
<video src="{{ site.assets_server_url }}video/interview_sessions/1/daniel.mp4" controls></video>
</div>
<div class="mx-auto grid md:grid-cols-2 gap-8 lg:pl-8 lg:pt-0 transform scale-90">
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/david.mp4" controls></video>
</div>
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/tabitha.mp4" controls></video>
</div>
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/raphael.mp4" controls></video>
</div>
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
<video src="{{ site.assets_server_url }}video/interview_sessions/1/martin.mp4" controls></video>
<div class="mt-10 self-center md:ml-0 lg:ml-16">
<ul class="md:grid md:grid-cols-3 md:col-gap-10 md:row-gap-10 text-center md:text-left">
<li class="pt-8 md:pt-0 transform transition hover:scale-105 duration-150 ease-in-out">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto">
<svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none">
<path stroke="#446eed" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M20 11.182c0 4.541-3.413 8.787-8 9.818-4.587-1.031-8-5.277-8-9.818V7.615c0-.812.491-1.544 1.243-1.851l5-2.046c1.126-.461 2.388-.461 3.514 0l5 2.046C19.509 6.072 20 6.803 20 7.615v3.567z" />
<path stroke="#446eed" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M15.25 10.125l-3.75 3.75-2.25-2.25" />
</g>
</svg>
</div>
<div class="mt-4 ml-4">
<h5 class="text-2xl leading-6 font-bold text-gray-900">Open Source</h5>
<p class="mt-4 text-base leading-6 opacity-55 max-w-sm m-auto">
Secure software can only emerge when many smart people review and contribute to the code base.
</p>
</div>
</li>
<li class="pt-10 md:pt-0 transform transition hover:scale-105 duration-150 ease-in-out">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto">
<svg class="heart h-8 w-8" stroke="#446eed" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 5.711C12.689 4.905 13.881 4 15.696 4 18.871 4 21 6.98 21 9.755 21 15.556 13.778 20 12 20c-1.778 0-9-4.444-9-10.245C3 6.98 5.129 4 8.304 4c1.815 0 3.007.905 3.696 1.711z" stroke-linecap="round" stroke-width="1.8" fill="none"
stroke-linejoin="round" />
</svg>
</div>
<div class="mt-4 ml-4">
<h5 class="text-2xl leading-6 font-bold text-gray-900">Transparency</h5>
<p class="mt-4 text-base leading-6 opacity-55 max-w-sm m-auto">
The trust to handle your sensitive data can only grow by being open about our company. In every aspect.
</p>
</div>
</li>
<li class="pt-10 md:pt-0 transform transition hover:scale-105 duration-150 ease-in-out">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto ">
<svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g stroke-linecap="round" stroke-width="1.8" stroke="#446eed" fill="none" stroke-linejoin="round">
<path d="M13.7678 10.9822c.976311.976311.976311 2.55922 0 3.53553-.976311.976311-2.55922.976311-3.53553 0-.976311-.976311-.976311-2.55922 0-3.53553.976311-.976311 2.55922-.976311 3.53553 0M19.2538 4.98223c.976311.976311.976311 2.55922 0 3.53553-.976311.976311-2.55922.976311-3.53553 0-.976311-.976311-.976311-2.55922 0-3.53553.976311-.976311 2.55922-.976311 3.53553 0M18 12.25c1.533 0 3 .533 4 1.333M8.28177 4.98223c.976311.976311.976311 2.55922 0 3.53553-.976311.976311-2.55922.976311-3.53553 0-.976311-.976311-.976311-2.55922 0-3.53553.976311-.976311 2.55922-.976311 3.53553 0M2 13.583c1-.8 2.467-1.333 4-1.333M16.591 19.75c-1.165-.901-2.839-1.5-4.591-1.5-1.752 0-3.426.599-4.591 1.5" />
</g>
</svg>
</div>
<div class="mt-4 ml-4">
<h5 class="text-2xl leading-6 font-bold text-gray-900">Our Quest</h5>
<p class="mt-4 text-base leading-6 opacity-55 max-w-sm m-auto">
We chase freedom so our societies can flourish. Giving control back to the people is way overdue.
</p>
</div>
</li>
</ul>
</div>
</div>
</div>