<!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个子文件） 
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
资源评论
