MangoWeb/SharedUI/Shared/Components/HeroComponent.razor

31 lines
1.5 KiB
Plaintext

@using BlazorWASM.Shared
<div class="hero text-secondary px-4 py-5 text-center" style="position: relative">
<video autoplay loop muted style="position: absolute; width: 100%; height: 100%; object-fit: cover; left:0px;">
<source src="_content/SharedUI/assets/video/mango2.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="py-5" style="position: relative">
<h1 class="display-5 fw-bold text-white" style="position:relative; z-index:100">Üdv a MangoWebnél!</h1>
<div class="col-lg-6 mx-auto" style="position:relative; z-index:100">
<h3 style="position:relative; z-index:100">
A mai világban a tervezés egy jobb világ.
</h3>
<p class="fs-5 mb-4" style="position:relative; z-index:100">Üdvözöllek a végtelen képzelet és határtalan kreativitás világában! Együtt induljunk el egy különleges úton, ahol az álmok valósággá válnak.</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center" style="position:relative; z-index:100">
<button type="button" class="btn glass btn-lg px-4">What we do</button>
<button type="button" class="btn glass btn-lg px-4">View works</button>
</div>
</div>
@* <video autoplay muted loop id="myVideo" style="position:absolute; z-index:2">
<source src="_content/SharedUI/bgvideo.mp4" type="video/mp4">
</video> *@
</div>
</div>
@code {
}