HappyGangBlazor/SharedUI/Shared/Components/Pages/Index.razor

180 lines
10 KiB
Plaintext

@page "/"
@using SharedUI.Shared.Components.Layout
<div class="wm-main-wrapper wm-overflow-section">
<HeroSliderComponent></HeroSliderComponent>
<!--// Main Content \\-->
<div class="wm-main-content">
<!--// Main Section \\-->
<div class="wm-main-section wm-musicbeat-tourdates">
<div class="container">
<div class="row">
<!--// Music Beat Dates \\-->
<div class="col-md-12">
<div class="wm-fancy-title">
<span>Koncert Dátumok</span>
<h2>Kiemelt Koncertek</h2>
</div>
<div class="wm-musicbeat-dates">
<ul class="row">
<li class="col-md-12">
<div class="wm-musicbeat-dates-wrap">
<!-- <figure>
<a href="#"><img src="extra-images/musicbeat-dates-1.jpg" alt=""> <span class="wm-black-layer"></span></a>
</figure>-->
@* <time datetime="2008-02-14 20:00">15 <span>March <small>Tue</small></span></time> *@
<div class="wm-musicbeat-title">
<h2><a href="#">Budapest Park - Total dance</a></h2>
<span>SOKADIK ALKALOMMAL TÉREK VISSZA A BUDAPEST PARKBA AHOL ISMÉT EGY HATALMASAT TOMBOLUNK MAJD</span>
</div>
@* <div class="wm-musicbeat-link">
<a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
<a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
</div> *@
</div>
</li>
<li class="col-md-12">
<div class="wm-musicbeat-dates-wrap">
<!-- <figure>
<a href="#"><img src="extra-images/musicbeat-dates-2.jpg" alt=""> <span class="wm-black-layer"></span></a>
</figure>-->
@* <time datetime="2008-02-14 20:00">21 <span>March <small>Wed</small></span></time> *@
<div class="wm-musicbeat-title">
<h2><a href="#">EFOTT Velence</a></h2>
<span>HATALMAS BULI LESZ IDÉN IS NAGY PRESZTIZS EZEN A RENDEZVÉNYEN RENDSZERESEN KONCERTEZNI</span>
</div>
@* <div class="wm-musicbeat-link">
<a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
<a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
</div> *@
</div>
</li>
<li class="col-md-12">
<div class="wm-musicbeat-dates-wrap">
<!-- <figure>
<a href="#"><img src="extra-images/musicbeat-dates-3.jpg" alt=""> <span class="wm-black-layer"></span></a>
</figure>-->
@* <time datetime="2008-02-14 20:00">31 <span>March <small>Thu</small></span></time> *@
<div class="wm-musicbeat-title">
<h2><a href="#">Siófok Plázs</a></h2>
<span>HÍV A BALATON :) TENGERNYI SLÁGER, VIHAROS TAPS, MEGABULI...IDÉN VELED ISMÉT...</span>
</div>
@* <div class="wm-musicbeat-link">
<a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
<a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
</div> *@
</div>
</li>
<li class="col-md-12">
<div class="wm-musicbeat-dates-wrap">
<!-- <figure>
<a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
</figure>-->
@* <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time> *@
<div class="wm-musicbeat-title">
<h2><a href="#">VOLT Fesztivál Sopron</a></h2>
<span>SOPRON IS FELTETTE A MAGASBA!</span>
</div>
@* <div class="wm-musicbeat-link">
<a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
<a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
</div> *@
</div>
</li>
<li class="col-md-12">
<div class="wm-musicbeat-dates-wrap">
<!-- <figure>
<a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
</figure>-->
@* <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time> *@
<div class="wm-musicbeat-title">
<h2><a href="#">PAPP LÁSZLÓ ARÉN BUDAPEST</a></h2>
<span>AZ ORSZÁG KIEMELT ARÉNÁJA AMIT TÖBBSZÖR LÁZBA HOZTAM MÁR:)</span>
</div>
@* <div class="wm-musicbeat-link">
<a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
<a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
</div> *@
</div>
</li>
<li class="col-md-12">
<div class="wm-musicbeat-dates-wrap">
<!-- <figure>
<a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
</figure>-->
@* <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time> *@
<div class="wm-musicbeat-title">
<h2><a href="#">FŐNIX CSARNOK DEBRECEN</a></h2>
<span> AZ ORSZÁG ÉS KELETMAGYARORSZÁG EGYIK LEGMENŐBB SPORTCSARNOKÁT TÖLTJÜK FEL ELEMI ERŐVEL ÉS FRENETIKUS HANGULATTAL ISMÉT, GYERE!</span>
</div>
@* <div class="wm-musicbeat-link">
<a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
<a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
</div> *@
</div>
</li>
</ul>
</div>
<div class="wm-align-center"> <a href="#" class="wm-info-btn">See All Events <i class="flaticon-arrows"></i></a> </div>
</div>
<!--// Music Beat Dates \\-->
</div>
</div>
</div>
<!--// Main Section \\-->
</div>
</div>
<!--// Main Section \\-->
<!--// Main Section \\-->
<VideoSliderComponent></VideoSliderComponent>
<!--// Footer \\-->
<div class="clearfix"></div>
<!--// Main Wrapper \\-->
<script type="text/javascript" src="_content/SharedUI/assets/script/functions.js"></script>
<script type="text/javascript" src="_content/SharedUI/assets/script/jplayer.functions.js"></script>
<!--footer 1 end-->
@code {
[Inject]
public IJSRuntime? JSRuntime { get; set; }
private IJSObjectReference? _jsModule;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
base.OnAfterRender(firstRender);
if (firstRender)
{
_jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/SharedUI/assets/exampleJsInterop.js");
await _jsModule.InvokeVoidAsync("getMessage");
}
}
}