Add layer
This commit is contained in:
parent
2ac6d22dcf
commit
77e8192db8
@ -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>
|
||||
<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"
|
||||
>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user