gallerycomponent,player component,video component
This commit is contained in:
parent
c6993d7813
commit
77bb953d6d
|
|
@ -5,93 +5,64 @@
|
|||
<div class="wm-simple-facny-title wm-in-light">
|
||||
<h2>Our Image Gallery</h2>
|
||||
</div>
|
||||
<ul class="wm-album-filter">
|
||||
<li><a href="#" data-filter="*" class="active">All</a></li>
|
||||
<li><a href="#" data-filter=".jquery">Festivals</a></li>
|
||||
<li><a data-filter=".php" href="#">Concerts</a></li>
|
||||
<li><a data-filter=".wordpress" href="#">Official Tour</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="wm-artist wm-artist-grid wm-albummasonry-list">
|
||||
<ul class="row">
|
||||
<li class="col-md-3 jquery">
|
||||
<li class="col-md-4 jquery">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-1.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/arc2.webp" alt=""></a>
|
||||
<figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">MetLife Stadium</a></h2>
|
||||
<span>East Rutherford, NJ</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="col-md-3 php">
|
||||
<li class="col-md-4 php">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-2.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/24_CORYHAPPYGANGcopy.webp" alt=""></a>
|
||||
<figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">Lincoln Financial Field</a></h2>
|
||||
<span>Philadelphia, PA</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="col-md-3 wordpress">
|
||||
<li class="col-md-4 wordpress">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-3.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/concert.webp" alt=""></a>
|
||||
<figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">Rose Bowl Stadium</a></h2>
|
||||
<span>Pasadena, CA</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="col-md-3 jquery">
|
||||
<li class="col-md-4 jquery">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-4.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/Cory.webp" alt=""></a>
|
||||
<figcaption> <a href="#"><i class="flaticon-search"></i></a> </figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">AT&T Stadium</a></h2>
|
||||
<span>Arlington, TX</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="col-md-3 wordpress">
|
||||
<li class="col-md-4 wordpress">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-5.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/Cory-1-5_edited.webp" alt=""></a>
|
||||
<figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">Manchester Etihad Stadium</a></h2>
|
||||
<span>UK - Manchester, GB</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="col-md-3 php">
|
||||
<li class="col-md-4 php">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-6.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/fb1565_1676ba3306bd41b98ced21823efa8b93~mv2.webp" alt=""></a>
|
||||
<figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">Wembley Stadium</a></h2>
|
||||
<span> London, GB</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="col-md-3 jquery">
|
||||
<li class="col-md-4 jquery">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-7.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/HAPPY GANG.webp" alt=""></a>
|
||||
<figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">Gillette Stadium</a></h2>
|
||||
<span>Foxborough, MA</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="col-md-3 php">
|
||||
<li class="col-md-4 php">
|
||||
<figure>
|
||||
<a href="#"><img src="extra-images/ourimage-gallery-8.jpg" alt=""></a>
|
||||
<a href="#"><img src="_content/SharedUI/assets/images2/happygangcory.webp" alt=""></a>
|
||||
<figcaption> <a href="#"><i class="flaticon-search"></i></a> </figcaption>
|
||||
</figure>
|
||||
<div class="wm-artist-title">
|
||||
<h2><a href="#">Soldier Field</a></h2>
|
||||
<span>Chicago, IL</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<div class="row flex-lg-row-reverse align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="lc-block">
|
||||
<img class="img-fluid" src="_content/SharedUI/assets/images2/arc 2.webp" loading="lazy" width="900" height="600">
|
||||
<img class="img-fluid" src="_content/SharedUI/assets/images2/arc2.webp" loading="lazy" width="900" height="600">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,119 @@
|
|||
<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"> </div>
|
||||
<div class="jp-duration" role="timer" aria-label="duration">/ </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> </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"> </div>
|
||||
<div class="jp-duration" role="timer" aria-label="duration">/ </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> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--// Player \\-->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@code {
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
<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>
|
||||
|
||||
@code {
|
||||
|
||||
}
|
||||
|
|
@ -112,7 +112,8 @@
|
|||
<!--// Main Section \\-->
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
</div>
|
||||
<!--// Main Content \\-->
|
||||
|
|
|
|||
|
|
@ -1,332 +1,329 @@
|
|||
@page "/"
|
||||
@using SharedUI.Shared.Components.Layout
|
||||
|
||||
<div class="wm-main-wrapper wm-overflow-section">
|
||||
<div class="wm-main-wrapper wm-overflow-section">
|
||||
|
||||
|
||||
|
||||
<!--// Main Banner \\-->
|
||||
<div class="wm-main-banner">
|
||||
|
||||
<div class="wm-banner-three">
|
||||
<!--// Main Banner \\-->
|
||||
<div class="wm-main-banner">
|
||||
|
||||
<div class="wm-banner-three-slide">
|
||||
<div class="wm-banner-three">
|
||||
|
||||
<img src="_content/SharedUI/assets/images2/slider_bg1_788.png" alt="HUNGEXPO BP..jpeg" fetchpriority="high">
|
||||
<!--// Player \\-->
|
||||
<div class="container">
|
||||
<div class="wm-banner-three-slide">
|
||||
|
||||
<div class="wm-banner-player-three">
|
||||
<img src="_content/SharedUI/assets/images2/slider_bg1_788.png" alt="HUNGEXPO BP..jpeg" fetchpriority="high">
|
||||
<!--// Player \\-->
|
||||
<div class="container">
|
||||
|
||||
<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"> </div>
|
||||
<div class="jp-duration" role="timer" aria-label="duration">/ </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 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"> </div>
|
||||
<div class="jp-duration" role="timer" aria-label="duration">/ </div>
|
||||
</div>
|
||||
<div class="jp-progress">
|
||||
<div class="jp-seek-bar">
|
||||
<div class="jp-play-bar"></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 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-playlist">
|
||||
<ul>
|
||||
<li> </li>
|
||||
</ul>
|
||||
<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> </li>
|
||||
</ul>
|
||||
</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"> </div>
|
||||
<div class="jp-duration" role="timer" aria-label="duration">/ </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> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--// Player \\-->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--// Player \\-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--// Main Banner \\-->
|
||||
<div class="wm-banner-three-slide">
|
||||
|
||||
<!--// Main Content \\-->
|
||||
<div class="wm-main-content">
|
||||
|
||||
<!--// Main Section \\-->
|
||||
<div class="wm-main-section wm-musicbeat-tourdates">
|
||||
<img src="_content/SharedUI/assets/images2/slider_bg2_788.png" alt="VOLT festival2018.jpg" fetchpriority="high">
|
||||
<!--// Player \\-->
|
||||
<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 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"> </div>
|
||||
<div class="jp-duration" role="timer" aria-label="duration">/ </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> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
<!--// Player \\-->
|
||||
</div>
|
||||
|
||||
<li class="col-md-12">
|
||||
<div class="wm-musicbeat-dates-wrap">
|
||||
<!-- <figure>
|
||||
|
||||
|
||||
</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="#">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>
|
||||
<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>
|
||||
</li>
|
||||
<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>
|
||||
<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>
|
||||
<!--// Music Beat Dates \\-->
|
||||
|
||||
<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>
|
||||
<!--// Main Section \\-->
|
||||
</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>
|
||||
|
||||
<!--// 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>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
.icons {
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.icons {
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--// Footer \\-->
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<!--// Footer \\-->
|
||||
|
||||
<!--// Main Wrapper \\-->
|
||||
<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>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
@page "/music"
|
||||
@using SharedUI.Shared.Components.Layout
|
||||
|
||||
<PlayerSliderComponent/>
|
||||
@code {
|
||||
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,8 @@
|
|||
@page "/video"
|
||||
@using SharedUI.Shared.Components.Layout
|
||||
|
||||
<VideoSliderComponent/>
|
||||
|
||||
|
||||
@code {
|
||||
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 95 KiB After Width: | Height: | Size: 95 KiB |
Loading…
Reference in New Issue