<!--
Author: W3layouts
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>Warbler a Music Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- Custom Theme files -->
<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="Warbler Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/lightbox.css">
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!--google-fonts-->
<link href='//fonts.googleapis.com/css?family=Josefin+Slab:400,100italic,100,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
<!--//google-fonts-->
<!--pop-up-->
<script src="js/menu_jquery.js"></script>
<!--//pop-up-->
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--//end-animate-->
</head>
<body>
<!--header-->
<div class="header" id="home">
<div class="container">
<div id="loginContainer" class="sign-farm">
<button type="button" id="loginButton" class="wow fadeInDown animated" data-wow-delay=".5s"><span class="glyphicon glyphicon-user" aria-hidden="true">Login</span></button>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email">
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password">
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
<form class="navbar-form navbar-right search-box wow fadeInDown animated" data-wow-delay=".5s">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
<button type="submit" class="btn btn-default" aria-label="Left Align">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
</div>
</form>
<div class="clearfix"> </div>
</div>
</div>
<!--//header-->
<!--navigation-->
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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 navbar-center cl-effect-15">
<li><a href="#home" class="active scroll">Home</a></li>
<li><a href="#about" class="scroll" data-hover="Biography">Biography</a></li>
<li><a href="#team" class="scroll" data-hover="Team">Team</a></li>
<li><a href="#album" class="scroll" data-hover="Album">Album</a></li>
<li><a href="#news" class="scroll" data-hover="News">News</a></li>
<li><a href="#contact" class="scroll" data-hover="Contact">Contact</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
</nav>
</div>
<!--navigation-->
<!--banner-->
<div class="banner-info">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner bnr-one">
</div>
</li>
<li>
<div class="banner banner1">
</div>
</li>
<li>
<div class="banner banner2">
</div>
</li>
</ul>
<div class="clearfix"> </div>
</div>
<div class="banner-text">
<h1><a href="index.html" class="wow fadeInUp animated" data-wow-delay=".5s"> Warbler </a></h1>
<h2 class="wow fadeInUp animated" data-wow-delay=".7s">Music is the Rhythm of life! </h2>
<a href="#about" class="scroll bnr-about wow fadeInUp animated" data-wow-delay=".9s">About</a>
<a href="#news" class="scroll bnr-about bnr-news wow fadeInUp animated" data-wow-delay="1s">News</a>
</div>
</div>
<!--//banner-->
<!--about-->
<div id="about" class="about">
<div class="container">
<h3 class="title wow fadeInUp animated" data-wow-delay=".5s">About Us</h3>
<div class="col-md-7 about-left wow fadeInUp animated" data-wow-delay=".7s">
</div>
<div class="col-md-5 about-right wow fadeInUp animated" data-wow-delay=".9s">
<h4>Claritas est etiam processus dynaicus qui mirum</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit nesciunt.</p>
</div>
<div class="clearfix"> </div>
<div class="about-bottom">
<div class="col-md-6 about-right wow bounceInUp animated" data-wow-delay=".5s">
<h4>Claritas est etiam processus dynaicus qui</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium unde omnis iste natus error sit doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit nesciunt unde omnis iste natus error sit voluptatem.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem unde omnis iste natus error sit accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt</p>
</div>
<div class="col-md-6 about-left wow bounceInUp animated" data-wow-delay=".7s">
<img src="images/img2.jpg" alt=""/>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//about-->
<!--skills-->
<div class="skills">
<div class="container">
<div class="col-md-6 skill-left">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog">
<span> </span>
</a>
<div id="small-dialog" class="mfp-hide">
<iframe src="https://www.youtube.com/embed/68huKYbT3l4" allowfullscreen> </iframe>
</div>
</div>
<div class="col-md-6 skill-right">
<h3 class="wow fadeInUp animated" data-wow-delay=".5s">Our Skills</h3>
<p class="wow fadeInUp animated" data-wow-delay=".6s">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
<div class="progress wow fadeInUp animated" data-wow-delay=".7s">
<div cla
没有合适的资源?快使用搜索试试~ 我知道了~
游戏音乐娱乐类网站源码-颤音乐队唱团演出响应式网页模板-支持移动端.zip
共46个文件
jpg:15个
png:12个
js:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 146 浏览量
2024-03-24
15:06:52
上传
评论
收藏 1.07MB ZIP 举报
温馨提示
【HTML娱乐游戏音乐网站源码】激发激情,点燃创意! 定制娱乐体验 — 专为游戏爱好者设计,这份源码打造了一个视觉震撼、互动性强的在线平台。 音乐元素融合 — 音乐播放器与游戏内容无缝对接,为用户带来动感十足的音乐体验。 高度适配性 — 无论是桌面还是移动设备,全面优化的响应式设计确保网站在各种屏幕尺寸上完美展现。 SEO友好结构 — 强化搜索引擎可见度,吸引更多目标用户访问你的网站。 立即采用这份专业级源码,开启你的娱乐游戏音乐网站之旅,抓住用户的心,领跑市场竞争。
资源推荐
资源详情
资源评论
收起资源包目录
游戏音乐娱乐类网站源码-颤音乐队唱团演出响应式网页模板-支持移动端.zip (46个子文件)
游戏音乐娱乐类网站源码-颤音乐队唱团演出响应式网页模板-支持移动端
html
js
bootstrap.js 66KB
menu_jquery.js 1KB
jquery.magnific-popup.js 45KB
lightbox-plus-jquery.min.js 91KB
responsiveslides.min.js 3KB
easing.js 5KB
move-top.js 1KB
modernizr.custom.js 9KB
jquery-1.11.1.min.js 94KB
wow.min.js 5KB
css
style.css 30KB
popuo-box.css 7KB
animate.css 69KB
bootstrap.css 138KB
lightbox.css 4KB
index.html 22KB
images
i5.png 3KB
2.jpg 187KB
i4.png 3KB
img6.jpg 9KB
prev.png 1KB
slid2.jpg 23KB
icon1.png 3KB
i1.png 3KB
slid.jpg 57KB
img2.jpg 169KB
1.jpg 95KB
img5.jpg 10KB
i3.png 3KB
img10.jpg 19KB
move-up.png 3KB
next.png 1KB
search.png 3KB
img4.jpg 11KB
img1.jpg 38KB
img7.jpg 20KB
img3.jpg 16KB
img8.jpg 30KB
close.png 280B
4.png 4KB
i2.png 3KB
3.jpg 107KB
img9.jpg 59KB
fonts
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.woff2 18KB
WorkSans-Regular.ttf 133KB
共 46 条
- 1
资源评论
DTcode7
- 粉丝: 7811
- 资源: 4581
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功