49 lines
1.2 KiB
HTML
49 lines
1.2 KiB
HTML
<div class="video-wrapper">
|
|
<video
|
|
playsinline
|
|
autoplay
|
|
muted
|
|
loop
|
|
>
|
|
<source src="{{video}}" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
<div class="layer">
|
|
<div class="content max-w-xl">
|
|
<h1>FreeFlow Nation</h1>
|
|
<p>
|
|
A complementary digital "nation" which flows freely across physical borders welcoming as digital citizens all those who dream of a better world and are ready to act.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<header
|
|
class="relative flex items-center justify-center h-screen mb-12 overflow-hidden bg-gray-600/50"
|
|
>
|
|
<div
|
|
class="max-w-xl elative z-30 p-5 text-2xl text-white text-center bg-opacity-50 rounded-xl"
|
|
>
|
|
<h1 class="my-4">FreeFlow Nation</h1>
|
|
<p>
|
|
A complementary digital "nation" which flows freely across physical borders welcoming as digital citizens all those who dream of a better world and are ready to act.
|
|
</p>
|
|
</div>
|
|
<video
|
|
autoplay
|
|
loop
|
|
muted
|
|
class="absolute z-10 w-auto min-w-full min-h-full max-w-none"
|
|
>
|
|
<source
|
|
src="{{video}}"
|
|
type="video/mp4"
|
|
/>
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
</header>
|
|
|
|
|