<!--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>Theyalow A Entertainment Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Theyalow 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>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link rel="stylesheet" href="css/jquery.ui.slider.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/more.css" type="text/css" media="screen"/>
<!---- animated-css ---->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!---- animated-css ---->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="about.html" class="scroll"><span> </span> ABOUT US</a></li>
<li><a href="services.html" class="scroll"> <span class="service"> </span>SERVICES</a></li>
<li><a href="contact.html" class="scroll"><span class="mail"> </span>CONTACT</a></li>
</ul>
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(300, function(){
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
<!--banner-->
<div class="banner wow bounceIn" data-wow-delay="0.4s">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="container">
<div class="parrot" >
<iframe src="http://player.vimeo.com/video/11960893" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<h2 class="cool"><span>The cool</span> The minimal</h2>
<div class="clearfix"> </div>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="container">
<div class="parrot" >
<iframe src="http://player.vimeo.com/video/101577550" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<h2 class="cool"><span>The simple</span> The text</h2>
<div class="clearfix"> </div>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="container">
<div class="parrot" >
<iframe src="http://player.vimeo.com/video/11960893" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<h2 class="cool"><span>The cool</span> The minimal</h2>
<div class="clearfix"> </div>
</div>
</div>
</article>
</div>
</div>
<!---->
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider({
pagination : false,
});
</script>
</div>
</div>
<!--content-->
<div class="content">
<div class="free ">
<div class="container">
<div class="col-md-4 design wow bounceIn" data-wow-delay="0.4s">
<a href="single.html"><img src="images/arrow.png" alt="" /></a>
<span>better design</span>
</div>
<div class="col-md-4 design wow bounceIn" data-wow-delay="0.4s">
<a href="single.html"><img src="images/leaf.png" alt="" /></a>
<span>customise</span>
</div>
<div class="col-md-4 design wow bounceIn" data-wow-delay="0.4s">
<a href="single.html"><img src="images/arr.png" alt="" /></a>
<span>it's better</span>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="men ">
<div class="wall wow bounceIn" data-wow-delay="0.4s">
<div id="pg_container" class="pg_container">
<ul id="pg_photos" class="pg_photos"><!-- calculate top-->
<li><a href="#1"><img class="img-responsive" src="images/sc.jpg" alt=""/></a></li>
<li><a href="#2"><img class="img-responsive" src="images/sc1.jpg" alt=""/></a></li>
<li><a href="#3"><img class="img-responsive" src="images/sc2.jpg" alt=""/></a></li>
<li><a href="#4"><img class="img-responsive" src="images/sc3.jpg" alt=""/></a></li>
<li><a href="#5"><img class="img-responsive" src="images/sc1.jpg" alt=""/></a></li>
<li><a href="#6"><img class="img-responsive" src="images/sc.jpg" alt=""/></a></li>
<li><a href="#7"><img class="img-responsive" src="images/sc2.jpg" alt=""/></a></li>
<li><a href="#8"><img class="img-responsive" src="images/sc3.jpg" alt=""/></a></li>
<li><a href="#9"><img class="img-responsive" src="images/sc.jpg" alt=""/></a></li>
<li><a href="#10"><img class="img-responsive" src="images/sc1.jpg" alt=""/></a></li>
</ul>
</div>
</div>
<div class="container">
<div class="winner">
<div id="pg_scrollWrapper" class="pg_scrollWrapper">
<div id="slider" class="slider"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
/*
the images preload plugin
*/
(function($) {
$.fn.preload = function(options) {
var opts = $.extend({}, $.fn.preload.defaults, options);
o = $.meta ? $.extend({}, opts, this.data()) : opts;
var c = this.length,
l = 0;
return this.each(function() {
var $i = $(this);
$('<img/>').load(function(i){
++l;
if(l == c) o.onComplete();
}).attr('src',$i.attr('src'));
});
};
$.fn.preload.defaults = {
onComplete : function(){return false;}
};
})(jQuery);
</script>
<script type="text/javascript">
/*
the thumbnail slider plugin
*/
(function($) {
var methods = {
init : function(options) {
var opts = $.extend({}, $.fn.thumbnailSlider.defaults, options);
return this.each(function() {
var $this = $(this),
o = $.meta ? $.extend({}, opts, $pxs_container.data()) : opts;
var $ts_container = $this.children('.ts_container'),
$ts_thumbnails = $ts_container.children('.ts_thumbnails'),
$nav_elems = $ts_container.children('li').not($ts_thumbnails),
total_elems = $nav_elems.length,
$ts_preview_wrapper = $ts_thumbnails.children('.ts_preview_wrapper'),
$arrow = $ts_thumbnails.children('span'),
$ts_preview = $ts_preview_wrapper.children('.ts_preview');
/*
calculate sizes for $ts_thumbnails:
width -> width th
游戏音乐娱乐类网站源码-游戏卡通制作响应式网页模板-支持移动端.zip
版权申诉
31 浏览量
2024-03-25
08:49:27
上传
评论
收藏 1.46MB ZIP 举报
游戏音乐娱乐类网站源码-游戏卡通制作响应式网页模板-支持移动端.zip （39个子文件） 
游戏音乐娱乐类网站源码-游戏卡通制作响应式网页模板-支持移动端 html js 
jquery-ui.min.js 194KB jquery.wmuSlider.js 12KB wow.min.js 5KB jquery.min.js 84KB css style.css 19KB more.css 2KB jquery.ui.slider.css 1KB animate.css 67KB bootstrap.css 118KB
services.html 7KB index.html 19KB contact.html 5KB about.html 4KB single.html 6KB images 
co.png 21KB dot.png 3KB tw.png 6KB
s1.jpg 139KB s2.jpg 95KB arrow.png 4KB menu.png 3KB banner.jpg 96KB logo.png 10KB zoom.png 6KB sc2.jpg 112KB banner3.jpg 46KB sc3.jpg 99KB sc1.jpg 167KB nav.png 3KB banner1.jpg 18KB img-sprite.png 13KB sc.jpg 126KB arr.png 5KB logo-1.png 8KB s3.jpg 137KB leaf.png 5KB ab.jpg 122KB banner2.jpg 51KB s4.jpg 139KB资源评论
