<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Melody an Music Category Flat Bootstarp responsive Website Template| Typography :: w3layouts</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="Melody Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<script src="js/bootstrap.min.js"></script>
<link href="css/font-awesome.css" rel="stylesheet">
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="banner">
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." 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="header_bottom">
<div class="container">
<div class="logo">
<h2><a href="index.html">Melody</a></h2>
</div>
<nav class="navbar navbar-default menu" role="navigation"><h3 class="nav_right"><a href="index.html">Melody</a></h3>
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav menu1">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="album.html">Album</a></li>
<li><a href="artists.html">Artists</a></li>
<li><a href="typography.html">Gallery <i class="menu-border"></i></a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="about_grid1">
<div class="container">
<div class="grid_3 grid_4">
<div class="head">Headings</div>
<div class="bs-example">
<table class="table">
<tbody>
<tr>
<td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td>
<td class="type-info">Semibold 36px</td>
</tr>
<tr>
<td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td>
<td class="type-info">Semibold 30px</td>
</tr>
<tr>
<td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td>
<td class="type-info">Semibold 24px</td>
</tr>
<tr>
<td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td>
<td class="type-info">Semibold 18px</td>
</tr>
<tr>
<td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td>
<td class="type-info">Semibold 14px</td>
</tr>
<tr>
<td><h6>h6. Bootstrap heading</h6></td>
<td class="type-info">Semibold 12px</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="grid_3 grid_5">
<div class="head">Buttons</div>
<div class="but_list">
<p>
<button type="button" class="btn btn-lg btn-default">Default</button>
<button type="button" class="btn btn-lg btn-primary">Primary</button>
<button type="button" class="btn btn-lg btn-success warning_1">Success</button>
<button type="button" class="btn btn-lg btn-info">Info</button>
<button type="button" class="btn btn-lg btn-warning warning_11">Warning</button>
<button type="button" class="btn btn-lg btn-danger">Danger</button>
<button type="button" class="btn btn-lg btn-link">Link</button>
</p>
<p>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success warning_2">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning warning_22">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
</p>
<p>
<button type="button" class="btn btn-sm btn-default">Default</button>
<button type="button" class="btn btn-sm btn-primary">Primary</button>
<button type="button" class="btn btn-sm btn-success warning_3">Success</button>
<button type="button" class="btn btn-sm btn-info">Info</button>
<button type="button" class="btn btn-sm btn-warning warning_33">Warning</button>
<button type="button" class="btn btn-sm btn-danger">Danger</button>
<button type="button" class="btn btn-sm btn-link">Link</button>
</p>
<p>
<button type="button" class="btn btn-xs btn-default">Default</button>
<button type="button" class="btn btn-xs btn-primary">Primary</button>
<button type="button" class="btn btn-xs btn-success warning_4">Success</button>
<button type="button" class="btn btn-xs btn-info">Info</button>
<button type="button" class="btn btn-xs btn-warning warning_44">Warning</button>
<button type="button" class="btn btn-xs btn-danger">Danger</button>
<button type="button" class="btn btn-xs btn-link">Link</button>
</p>
</div>
</div>
<div class="grid_3 grid_5">
<div class="head">Lables</div>
<div class="but_list">
<h1>
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label
没有合适的资源?快使用搜索试试~ 我知道了~
游戏音乐娱乐类网站源码-音乐耳机发烧产品响应式网站模板-支持移动端.zip
共57个文件
jpg:29个
html:6个
png:6个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 76 浏览量
2024-03-24
15:06:22
上传
评论
收藏 1.14MB ZIP 举报
温馨提示
【HTML娱乐游戏音乐网站源码】激发激情,点燃创意! 定制娱乐体验 — 专为游戏爱好者设计,这份源码打造了一个视觉震撼、互动性强的在线平台。 音乐元素融合 — 音乐播放器与游戏内容无缝对接,为用户带来动感十足的音乐体验。 高度适配性 — 无论是桌面还是移动设备,全面优化的响应式设计确保网站在各种屏幕尺寸上完美展现。 SEO友好结构 — 强化搜索引擎可见度,吸引更多目标用户访问你的网站。 立即采用这份专业级源码,开启你的娱乐游戏音乐网站之旅,抓住用户的心,领跑市场竞争。
资源推荐
资源详情
资源评论
收起资源包目录
游戏音乐娱乐类网站源码-音乐耳机发烧产品响应式网站模板-支持移动端.zip (57个子文件)
游戏音乐娱乐类网站源码-音乐耳机发烧产品响应式网站模板-支持移动端
html
js
bootstrap.min.js 28KB
jquery.chocolat.js 10KB
uisearch.js 6KB
classie.js 2KB
jquery-1.11.1.min.js 94KB
typography.html 29KB
artists.html 10KB
css
style.css 37KB
font-awesome.css 22KB
bootstrap.css 118KB
chocolat.css 2KB
index.html 18KB
contact.html 8KB
about.html 13KB
images
pic12.jpg 5KB
pic5.jpg 20KB
g3.jpg 18KB
pic6.jpg 14KB
close.gif 70B
g2.jpg 3KB
e3.jpg 13KB
a2.jpg 18KB
pic10.jpg 7KB
e6.jpg 23KB
pic8.jpg 6KB
banner.jpg 79KB
pic9.jpg 3KB
e4.jpg 17KB
a1.jpg 7KB
stream.png 14KB
ipod.png 8KB
pic4.jpg 14KB
promo.jpg 4KB
search.png 3KB
pic3.jpg 8KB
g6.jpg 73KB
pic1.jpg 20KB
bg.jpg 1KB
e1.jpg 16KB
audio.png 11KB
g5.jpg 69KB
e5.jpg 11KB
e2.jpg 23KB
headphones.png 12KB
e7.jpg 20KB
pic11.jpg 4KB
g4.jpg 64KB
pic7.jpg 4KB
g1.jpg 21KB
mic.png 11KB
album.html 19KB
fonts
FontAwesome.otf 92KB
fontawesome-webfont.eot 59KB
fontawesome-webfont.woff 70KB
fontawesome-webfont.woff2 55KB
fontawesome-webfont.svg 306KB
fontawesome-webfont.ttf 119KB
共 57 条
- 1
资源评论
DTcode7
- 粉丝: 8779
- 资源: 4661
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于神经网络的图像识别小项目(Python实现)
- msvcr120d.dll文件
- SOIL库,包括include和lib文件夹
- 别墅图纸编号D068-两层-13.50&14.10米- 施工图-施工说明.dwg
- 别墅图纸编号D068-两层-13.50&14.10米- 施工图-第一张.dwg
- 别墅图纸编号D068-两层-13.50&14.10米- 施工图-第5张.dwg
- zabbix-agent-6.0.25-windows-amd64-openssl.msi
- 别墅图纸编号D068-两层-13.50&14.10米- 施工图-第四张.dwg
- AUTOSAR-SWS-PWMDriver.pdf
- AUTOSAR-SWS-PortDriver.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功