<!DOCTYPE HTML>
<html>
<head>
<title>Radio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Graph CSS -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- jQuery -->
<!-- lined-icons -->
<link rel="stylesheet" href="css/icon-font.min.css" type='text/css' />
<!-- //lined-icons -->
<!-- Meters graphs -->
<script src="js/jquery-1.10.2.min.js"></script>
</head>
<body class="sticky-header left-side-collapsed" onload="initMap()">
<section>
<!-- left side start-->
<div class="left-side sticky-left-side">
<!--logo and iconic logo start-->
<div class="logo">
<h1><a href="index.html">Mosai<span>c</span></a></h1>
</div>
<div class="logo-icon text-center">
<a href="index.html">M </a>
</div>
<!--logo and iconic logo end-->
<div class="left-side-inner">
<!--sidebar nav start-->
<ul class="nav nav-pills nav-stacked custom-nav">
<li class="active"><a href="index.html"><i class="lnr lnr-home"></i><span>Home</span></a></li>
<li><a href="radio.html"><i class="camera"></i> <span>Radio</span></a></li>
<li><a href="#" data-toggle="modal" data-target="#myModal1"><i class="fa fa-th"></i><span>Apps</span></a></li>
<li><a href="radio.html"><i class="lnr lnr-users"></i> <span>Artists</span></a></li>
<li><a href="browse.html"><i class="lnr lnr-music-note"></i> <span>Albums</span></a></li>
<li class="menu-list"><a href="browse.html"><i class="lnr lnr-indent-increase"></i> <span>Browser</span></a>
<ul class="sub-menu-list">
<li><a href="browse.html">Artists</a> </li>
<li><a href="404.html">Services</a> </li>
</ul>
</li>
<li><a href="blog.html"><i class="lnr lnr-book"></i><span>Blog</span></a></li>
<li><a href="typography.html"><i class="lnr lnr-pencil"></i> <span>Typography</span></a></li>
<li class="menu-list"><a href="#"><i class="lnr lnr-heart"></i> <span>My Favourities</span></a>
<ul class="sub-menu-list">
<li><a href="radio.html">All Songs</a></li>
</ul>
</li>
<li class="menu-list"><a href="contact.html"><i class="fa fa-thumb-tack"></i><span>Contact</span></a>
<ul class="sub-menu-list">
<li><a href="contact.html">Location</a> </li>
</ul>
</li>
</ul>
<!--sidebar nav end-->
</div>
</div>
<!-- left side end-->
<!-- app-->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog facebook" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div class="app-grids">
<div class="app">
<div class="col-md-5 app-left mpl">
<h3>Mosaic mobile app on your smartphone!</h3>
<p>Download and Avail Special Songs Videos and Audios.</p>
<div class="app-devices">
<h5>Gets the app from</h5>
<a href="#"><img src="images/1.png" alt=""></a>
<a href="#"><img src="images/2.png" alt=""></a>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-7 app-image">
<img src="images/apps.png" alt="">
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //app-->
<!-- signup -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content modal-info">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body modal-spa">
<div class="sign-grids">
<div class="sign">
<div class="sign-left">
<ul>
<li><a class="fb" href="#"><i></i>Sign in with Facebook</a></li>
<li><a class="goog" href="#"><i></i>Sign in with Google</a></li>
<li><a class="linkin" href="#"><i></i>Sign in with Linkedin</a></li>
</ul>
</div>
<div class="sign-right">
<form action="#" method="post">
<h3>Create your account </h3>
<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
<input type="text" value="Mobile number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Mobile number';}" required="">
<input type="text" value="Email id" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email id';}" required="">
<input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" required="">
<input type="submit" value="CREATE ACCOUNT" >
</form>
</div>
<div class="clearfix"></div>
</div>
<p>By logging in you agree to our <span>Terms and Conditions</span> and <span>Privacy Policy</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- //signup -->
<!-- main content start-->
<div class="main-content">
<!-- header-starts -->
<div class="header-section">
<!--toggle button start-->
<a class="toggle-btn menu-collapsed"><i class="fa fa-bars"></i></a>
<!--toggle button end-->
<!--notification menu start -->
<div class="menu-right">
<div class="profile_details">
<div class="col-md-4 serch-part">
<div id="sb-search" class="sb-search">
<form action="#" method="post">
<input class="sb-search-input" placeholder="Search" type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<!---->
<div class="col-md-4 player">
<div class="audio-player">
<audio id="audio-player" controls="controls">
<source src="media/Blue Browne.ogg" type="audio/ogg"></source>
<source src="media/Blue Browne.mp3" type="audio/mpeg"></source>
<source src="media/Georgia.ogg" type="audio/ogg"></source>
<source src="media/Georgia.mp3" type="audio/mpeg"></source></audio>
</div>
<!---->
<script type="text/javascript">
$(function(){
$('#audio-player').mediaelementplayer({
alwaysShowControls: true,
features: ['playpause','progress','volume'],
audioVolume: 'horizontal',
iPadUseNativeControls: true,
iPhoneUseNativeControls: true,
AndroidUseNativeControls: true
});
});
没有合适的资源?快使用搜索试试~ 我知道了~
音乐网站前端模板CSS3,html模板音乐唱片网站html模板
共124个文件
jpg:41个
png:23个
js:13个
需积分: 36 3 下载量 48 浏览量
2022-11-23
14:11:46
上传
评论 1
收藏 2.39MB RAR 举报
温馨提示
CSS3音乐唱片网站模板是一款国外流行音乐唱片公司静态整站模板。有8个html页面
资源推荐
资源详情
资源评论
收起资源包目录
音乐网站前端模板CSS3,html模板音乐唱片网站html模板 (124个子文件)
bootstrap.min.css 115KB
style.css 83KB
font-awesome.css 22KB
jplayer.blue.monday.min.css 11KB
audio.css 9KB
icon-font.min.css 7KB
popuo-box.css 7KB
easy-responsive-tabs.css 4KB
weathericons-regular-webfont.eot 41KB
fontawesome-webfont.eot 37KB
glyphicons-halflings-regular.eot 20KB
digital-7_italic-webfont.eot 12KB
digital-7-webfont.eot 10KB
digital-7_mono-webfont.eot 10KB
radio.html 45KB
typography.html 38KB
index.html 34KB
single.html 28KB
browse.html 24KB
blog.html 20KB
contact.html 16KB
404.html 13KB
v6.jpeg 68KB
22.jpg 179KB
11.jpg 158KB
33.jpg 141KB
a8.jpg 48KB
a7.jpg 42KB
v99.jpg 28KB
v66.jpg 28KB
v11.jpg 25KB
a3.jpg 24KB
a11.jpg 24KB
v3.jpg 23KB
v21.jpg 23KB
a9.jpg 22KB
v8.jpg 22KB
a12.jpg 21KB
v22.jpg 21KB
a6.jpg 21KB
v88.jpg 21KB
v33.jpg 21KB
v5.jpg 21KB
v77.jpg 20KB
a10.jpg 20KB
v55.jpg 20KB
v10.jpg 20KB
v9.jpg 20KB
a4.jpg 19KB
a2.jpg 19KB
v4.jpg 18KB
v6.jpg 18KB
v2.jpg 17KB
a1.jpg 17KB
v44.jpg 17KB
v7.jpg 16KB
v1.jpg 14KB
c1.jpg 14KB
a5.jpg 13KB
c2.jpg 13KB
c5.jpg 12KB
c6.jpg 12KB
c3.jpg 12KB
c4.jpg 11KB
jquery-1.10.2.min.js 91KB
mediaelement-and-player.min.js 70KB
jquery.jplayer.min.js 60KB
jquery.nicescroll.js 58KB
jquery.magnific-popup.js 45KB
bootstrap.min.js 35KB
easyResponsiveTabs.js 11KB
jplayer.playlist.min.js 9KB
jquery.flexisel.js 8KB
uisearch.js 6KB
scripts.js 4KB
responsiveslides.min.js 3KB
classie.js 2KB
FontAwesome.otf 61KB
WeatherIcons-Regular.otf 47KB
apps.png 154KB
pic_error.png 43KB
6.png 14KB
play2.png 10KB
play4.png 9KB
play5.png 9KB
play1.png 8KB
2.png 7KB
1.png 5KB
jplayer.blue.monday.png 5KB
jplayer.blue.monday.video.play.png 4KB
social.png 4KB
search.png 3KB
lock.png 3KB
arrow.png 3KB
arrow2.png 3KB
dot.png 3KB
user.png 3KB
so.png 3KB
play.png 3KB
tick.png 3KB
共 124 条
- 1
- 2
资源评论
我这头发越来越多呀
- 粉丝: 49
- 资源: 33
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功