mirror of
https://github.com/safing/web
synced 2025-09-02 11:09:03 +00:00
Update reorder layout
This commit is contained in:
Luke
parent
b409bdeb10
commit
3bdb9f29e9
1 changed files with 25 additions and 20 deletions
109
about/index.html
109
about/index.html
|
|
@ -7,59 +7,8 @@ redirect_from:
|
||||||
|
|
||||||
<header style="padding-top: 12rem;"></header>
|
<header style="padding-top: 12rem;"></header>
|
||||||
<section style="margin-top: 3rem;" class="pb-48 ">
|
<section style="margin-top: 3rem;" class="pb-48 ">
|
||||||
<div class="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:flex block justify-center m-auto w-auto">
|
|
||||||
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-auto">
|
|
||||||
Ownership & Transparent Funding
|
|
||||||
</h2>
|
|
||||||
<p class="text-md opacity-50 max-w-lg">
|
|
||||||
Taking money always means opening up to influences. Therefore, we see it as our duty to not only be open about our ownership, but also about how we are financing this venture.
|
|
||||||
</p>
|
|
||||||
<div class="py-10 flex">
|
|
||||||
<a href="{{ site.ownership_url }}">
|
|
||||||
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
|
||||||
Explore our influences
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="items-center h-full mt-64">
|
<div class="items-center h-full">
|
||||||
<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>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="items-center h-full mt-64">
|
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
<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:flex block justify-center m-auto w-auto items-center">
|
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto items-center">
|
||||||
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
|
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
|
||||||
|
|
@ -89,6 +38,62 @@ redirect_from:
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="items-center h-full mt-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>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="items-center h-full mt-64">
|
||||||
|
<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:flex block justify-center m-auto w-auto">
|
||||||
|
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
|
||||||
|
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="inline-block max-w-lg">
|
||||||
|
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-auto">
|
||||||
|
Ownership & Transparent Funding
|
||||||
|
</h2>
|
||||||
|
<p class="text-md opacity-50 max-w-lg">
|
||||||
|
Taking money always means opening up to influences. Therefore, we see it as our duty to not only be open about our ownership, but also about how we are financing this venture.
|
||||||
|
</p>
|
||||||
|
<div class="py-10 flex">
|
||||||
|
<a href="{{ site.ownership_url }}">
|
||||||
|
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
||||||
|
Explore our influences
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
|
||||||
|
<img src="{{ site.img_url }}page-specific/about/safing-hand.gif" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue