Add layer

This commit is contained in:
samaradel 2023-08-23 15:38:11 +03:00
parent 2ac6d22dcf
commit 77e8192db8

View File

@ -1,48 +1,19 @@
<div class="video-wrapper">
<video
playsinline
autoplay
muted
loop
>
<source src="{{video}}" type="video/mp4">
Your browser does not support the video tag.
</video>
<header class="relative flex items-center justify-center h-screen mb-12 overflow-hidden bg-gray-600/50">
<div class="layer">
<div class="content max-w-xl">
<h1>FreeFlow Nation</h1>
<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>
</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"
/>
<source src="{{video}}" type="video/mp4">
Your browser does not support the video tag.
</video>
</header>