Kriszti
/
HappyGangBlazor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
HappyGangBlazor/SharedUI/Shared/Components/Pages/Index.razor

348 lines
19 KiB
Plaintext
Raw Blame History

@page "/"
@using SharedUI.Shared.Components.Layout
<div class="wm-main-wrapper wm-overflow-section">
<!--// Main Banner \\-->
<div class="wm-main-banner">
<div class="wm-banner-three">
<div class="wm-banner-three-slide">
<img src="_content/SharedUI/assets/images2/slider_bg1_788.png" alt="HUNGEXPO BP..jpeg" fetchpriority="high">
<!--// Player \\-->
<div class="container">
<div class="wm-banner-player-three">
<div id="jquery_jplayer_3" class="jp-jplayer"></div>
<div id="jp_container_3" class="jp-audio" role="application" aria-label="media player">
<div class="jp-type-playlist">
<div class="jp-gui jp-interface">
<div id="get-track" class="wm-get-track wm-color-two">Track 1</div>
<div id="current-track" class="song-title">- / -</div>
<div class="wm-player-wrap">
<div class="jp-time-holder">
<div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
<div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
</div>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-volume-controls">
<span class="jp-mute"><i class="flaticon-technology-1"></i></span>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div>
</div>
<div class="jp-controls">
<span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
<span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
<span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
<span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
<span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
</div>
</div>
<div class="jp-playlist">
<ul>
<li>&nbsp;</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--// Player \\-->
</div>
<div class="wm-banner-three-slide">
<img src="_content/SharedUI/assets/images2/slider_bg2_788.png" alt="VOLT festival2018.jpg" fetchpriority="high">
<!--// Player \\-->
<div class="container">
<div class="wm-banner-player-three">
<div id="jquery_jplayer_9" class="jp-jplayer"></div>
<div id="jp_container_9" class="jp-audio" role="application" aria-label="media player">
<div class="jp-type-playlist">
<div class="jp-gui jp-interface">
<div id="get-track9" class="wm-get-track wm-color-two">Track 1</div>
<div id="current-track9" class="song-title">Jenna Kevinsons / Bring Me To Life</div>
<div class="wm-player-wrap">
<div class="jp-time-holder">
<div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
<div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
</div>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-volume-controls">
<span class="jp-mute"><i class="flaticon-technology-1"></i></span>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div>
</div>
<div class="jp-controls">
<span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
<span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
<span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
<span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
<span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
</div>
</div>
<div class="jp-playlist">
<ul>
<li>&nbsp;</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--// Player \\-->
</div>
</div>
</div>
<!--// Main Banner \\-->
<!--// 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 \\-->
<div class="wm-main-section wm-ourvideo-full">
<div class="container">
<div class="row">
<!--// Music Beat Dates \\-->
<div class="col-md-12">
<div class="wm-fancy-title wm-fancy-darkcolor">
<span>latest Video Releases</span>
<h2>Our Videos</h2>
</div>
<div class="wm-ourvideo-slider">
<div class="wm-ourvideo-wrap">
<figure>
<video src="_content/SharedUI/assets/media/video/PROMO.1 HG.CORY.mov" controls height="340">
</video>
</figure>
<div class="wm-ourvideo-text">
<time datetime="2008-02-14 20:00">12/12/2015</time>
<h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
<p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
</div>
</div>
@* <div class="wm-ourvideo-wrap">
<figure><iframe src="https://player.vimeo.com/video/3832662?color=ffffff&title=0&byline=0&portrait=0" height="340"></iframe></figure>
<div class="wm-ourvideo-text">
<time datetime="2008-02-14 20:00">13/12/2016</time>
<h4><a href="#">No.39: DMX - 'X Gon' Give'</a></h4>
<p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
</div>
</div>
<div class="wm-ourvideo-wrap">
<figure><iframe src="https://player.vimeo.com/video/5841704?color=ffffff&portrait=0" height="340"></iframe></figure>
<div class="wm-ourvideo-text">
<time datetime="2008-02-14 20:00">12/12/2015</time>
<h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
<p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
</div>
</div> *@
</div>
</div>
<!--// Music Beat Dates \\-->
</div>
</div>
</div>
<style>
.icons {
font-family: 'FontAwesome';
}
</style>
<!--// 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");
}
}
}
Reference in New Issue View Git Blame Copy Permalink