<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="webthemez.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Reload - Music Event Website Template html5 bootstrap</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/main.css">
<link href="jPlayer-2.9.2/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/font-icon.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<!-- header section -->
<section class="banner" role="banner" id="banner">
<header id="header">
<div class="header-content clearfix"> <span class="logo"><a href="index.html">#RELOAD</a></span>
<nav class="navigation" role="navigation">
<ul class="primary-nav">
<li><a href="#banner">Home</a></li>
<li><a href="#intro">About</a></li>
<li><a href="#services">We Do</a></li>
<li><a href="#Playlist">Playlist</a></li>
<li><a href="#package">Albums</a></li>
<li><a href="#gallery">Events</a></li>
<li><a href="#teams">Our Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a href="#" class="nav-toggle">Menu<span></span></a> </div>
</header>
<!-- banner text -->
<div class="container">
<div class="col-md-10">
<div class="banner-text text-center">
<h1>Music Reload</h1>
<p>Hello Welcome To Music Event</p></div>
<!-- banner text -->
</div>
</div>
</section>
<!-- header section -->
<!-- intro section -->
<section id="intro" class="section intro">
<div class="container">
<div class="col-md-8 col-md-offset-2 text-center">
<h3>Best Music Bootstrap Template</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#Playlist" class="btn btn-large">Playlist</a>
</div>
</div>
</section>
<!-- intro section -->
<!-- services section -->
<section id="services" class="services service-section">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">We Do</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-recycle"></span>
<div class="services-content">
<h5>ALBUMS</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-heart"></span>
<div class="services-content">
<h5>MUSIC PLAYLIST</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-megaphone"></span>
<div class="services-content">
<h5>GALLERY</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
</div>
</div>
</section>
<!-- services section -->
<section id="Playlist" class="playlistList">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Playlist</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div id="jquery_jplayer_2" class="jp-jplayer"></div>
<div id="jp_container_2" class="jp-audio" role="application" aria-label="media player">
<div class="jp-type-playlist">
<div class="jp-gui jp-interface">
<div class="jp-volume-controls">
<button class="jp-mute" role="button" tabindex="0">mute</button>
<button class="jp-volume-max" role="button" tabindex="0">max volume</button>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div>
<div class="jp-controls-holder">
<div class="jp-controls">
<button class="jp-previous" role="button" tabindex="0">previous</button>
<button class="jp-play" role="button" tabindex="0">play</button>
<button class="jp-stop" role="button" tabindex="0">stop</button>
<button class="jp-next" role="button" tabindex="0">next</button>
</div>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-current-time" role="timer" aria-label="time"> </div>
<div class="jp-duration" role="timer" aria-label="duration"> </div>
<div class="jp-toggles">
<button class="jp-repeat" role="button" tabindex="0">repeat</button>
<button class="jp-shuffle" role="button" tabindex="0">shuffle</button>
</div>
</div>
</div>
<div class="jp-playlist">
<ul>
<li> </li>
</ul>
</div>
<div class="jp-no-solution">
<span>Update Required</span>
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
</div>
</div>
</section>
<!-- package section -->
<section id="package" class="packageList">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Our Albums</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="col-md-6">
<div class="package wow fadeInLeft animated" data-wow-offset="250" data-wow-delay="200ms">
<h5>Earth Alive</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
<strong class="price"><small>$</small>38</strong>
</div><!-- end package -->
<div class="package wow fadeInLeft animated" data-wow-offset="200" data-wow-delay="300m">
<h5>Light Blue</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
没有合适的资源?快使用搜索试试~ 我知道了~
游戏音乐娱乐类网站源码-音乐制作发行响应式网页模板-适配手机端.zip
共142个文件
js:37个
html:21个
jpg:21个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 121 浏览量
2024-03-25
08:49:57
上传
评论
收藏 1.9MB ZIP 举报
温馨提示
面向数字娱乐市场的HTML网站源码,为开发提速。这份源码针对娱乐游戏音乐领域,提供即用型解决方案,减少从头开发的繁琐流程。精心设计的界面与用户交互元素,保证吸引目标用户群体。集成的音乐播放功能,提升用户体验。使用这份源码,可显著缩短项目开发周期,加速产品上市时间。选择它,提高工作效率,快速实现业务目标。
资源推荐
资源详情
资源评论
收起资源包目录
游戏音乐娱乐类网站源码-音乐制作发行响应式网页模板-适配手机端.zip (142个子文件)
JplayerRtmp.as 30KB
Jplayer.as 23KB
JplayerMp4.as 15KB
JplayerMp3.as 13KB
ConnectManager.as 9KB
JplayerEvent.as 3KB
JplayerStatus.as 2KB
bootstrap.min.css 120KB
animate.min.css 54KB
main.css 19KB
jplayer.pink.flag.css 14KB
jplayer.blue.monday.css 12KB
jplayer.pink.flag.min.css 10KB
jplayer.blue.monday.min.css 9KB
flexslider.css 6KB
font-icon.css 6KB
jquery.fancybox.css 5KB
circle.player.css 2KB
responsive.css 2KB
elegant-theme-line.eot 46KB
glyphicons-halflings-regular.eot 20KB
flexslider-icon.eot 2KB
[email protected] 14KB
fancybox_loading.gif 6KB
jplayer.pink.flag.seeking.gif 3KB
jplayer.blue.monday.seeking.gif 3KB
jplayer.pink.flag.seeking.gif 3KB
jplayer.blue.monday.seeking.gif 3KB
blank.gif 43B
.gitignore 25B
index.html 26KB
jplayer.blue.monday.video.playlist.html 2KB
jplayer.blue.monday.video.playlist.html 2KB
jplayer.pink.flag.video.playlist.html 2KB
jplayer.pink.flag.video.playlist.html 2KB
jplayer.pink.flag.video.single.html 2KB
jplayer.blue.monday.video.single.html 2KB
jplayer.pink.flag.video.single.html 2KB
jplayer.blue.monday.video.single.html 2KB
jplayer.pink.flag.audio.playlist.html 2KB
jplayer.pink.flag.audio.playlist.html 2KB
jplayer.blue.monday.audio.playlist.html 2KB
jplayer.blue.monday.audio.playlist.html 2KB
jplayer.pink.flag.audio.single.html 1KB
jplayer.pink.flag.audio.single.html 1KB
jplayer.blue.monday.audio.single.html 1KB
jplayer.blue.monday.audio.single.html 1KB
jplayer.pink.flag.audio.stream.html 965B
jplayer.blue.monday.audio.stream.html 965B
jplayer.pink.flag.audio.stream.html 965B
jplayer.blue.monday.audio.stream.html 965B
.jamignore 65B
banner.jpg 136KB
01.jpg 86KB
02.jpg 76KB
04.jpg 72KB
progress_sprite.jpg 71KB
03.jpg 66KB
06.jpg 52KB
07.jpg 50KB
pic2.jpg 49KB
08.jpg 49KB
team-3.jpg 47KB
05.jpg 45KB
team-1.jpg 40KB
team-4.jpg 37KB
team-2.jpg 28KB
jplayer.blue.monday.jpg 23KB
jplayer.blue.monday.jpg 23KB
jplayer.pink.flag.jpg 18KB
jplayer.pink.flag.jpg 18KB
bgr.jpg 4KB
controls.jpg 4KB
opus.js 530KB
vorbis.js 528KB
mp3.js 203KB
ogg.js 192KB
aac.js 150KB
jquery.jplayer.js 118KB
jquery.jplayer.js 118KB
aurora.js 116KB
jquery.min.js 94KB
jquery.min.js 94KB
popcorn.js 77KB
jquery.jplayer.min.js 60KB
modernizr.js 50KB
bootstrap.min.js 36KB
flac.js 27KB
jquery.fancybox.pack.js 23KB
jquery.flexslider-min.js 22KB
popcorn.jplayer.js 19KB
popcorn.jplayer.js 19KB
jquery.jplayer.inspector.js 16KB
jquery.jplayer.inspector.js 16KB
jplayer.playlist.js 16KB
jplayer.playlist.js 16KB
jquery.transform2d.js 14KB
popcorn.ie8.js 12KB
popcorn.player.js 12KB
jquery.jplayer.inspector.min.js 11KB
共 142 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 4600
- 资源: 4100
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功