<!--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>Inspired A Fashion Category Flat Bootstarp Responsive 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="Inspired 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=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
</head>
<body>
<!--header-->
<div class="container">
<div class="header">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" ></a>
</div>
<div class="header-top-on">
<ul class="social-in">
<li><span>Share This Page:</span></li>
<li><a href="#"><i> </i></a></li>
<li><a href="#"><i class="tin"> </i></a></li>
<li><a href="#"><i class="message"> </i></a></li>
<li><a href="#"><i class="youtube"> </i></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="header-bottom">
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active" ><a href="index.html" >HOME </a> </li>
<li><a href="events.html" data-hover="EVENTS" > EVENTS</a></li>
<li><a href="404.html" data-hover="WINNERS"> WINNERS </a></li>
<li><a href="contact.html" data-hover="SUBMIT"> SUBMIT</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT </a></li>
<li><a href="login.html" data-hover="LOGIN">LOGIN </a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="search">
<form>
<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="">
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---->
<div class="container">
<div class="banner">
<div class="banner-matter">
<i class="line"> </i>
<h1>where you choose the winner</h1>
<i class="line"> </i>
</div>
<p class="help">Help shape the next awi awards ceremony. click the icon to tell us which of these creatives you Love / Don't Love.</p>
<!--manage-->
<div class="banner-top">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-bottom">
<a href="single.html"><img class="img-responsive line-in" src="images/banner.jpg" alt="" /></a>
<div class="dummy-text">
<ul class="social-circle">
<li><a href="single.html"><i > </i></a></li>
<li><a href="single.html"><i class="break"> </i></a></li>
</ul>
<div class="doe">
<h6>the huntress</h6>
<span>By <b>Jane Doe</b></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at auctor orci. Nullasc arcu lorem, consectetur eu tristique idnui hendrerit at massa. Vivamus velit ante, blandit eget suscipit ut, volutpat ac erasti augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere .</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-bottom">
<a href="single.html"><img class="img-responsive line-in" src="images/banner1.jpg" alt="" /></a>
<div class="dummy-text">
<ul class="social-circle">
<li><a href="single.html"><i > </i></a></li>
<li><a href="single.html"><i class="break"> </i></a></li>
</ul>
<div class="doe">
<h6>the huntress</h6>
<span>By <b>Jane Doe</b></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at auctor orci. Nullasc arcu lorem, consectetur eu tristique idnui hendrerit at massa. Vivamus velit ante, blandit eget suscipit ut, volutpat ac erasti augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere .</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-bottom">
<a href="single.html"><img class="img-responsive line-in" src="images/banner.jpg" alt="" /></a>
<div class="dummy-text">
<ul class="social-circle">
<li><a href="single.html"><i > </i></a></li>
<li><a href="single.html"><i class="break"> </i></a></li>
</ul>
<div class="doe">
<h6>the huntress</h6>
<span>By <b>Jane Doe</b></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at auctor orci. Nullasc arcu lorem, consectetur eu tristique idnui hendrerit at massa. Vivamus velit ante, blandit eget suscipit ut, volutpat ac erasti augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere .</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</article>
</div>
</div>
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider({
pagination:false,
});
</script>
</div>
</div>
</div>
<!---->
<div class="container">
<div class="content">
<div class="content-top">
<h2>inSPIRED, inTELLIGENT, inCREDIBLE <span>(latest entries)</span></h2>
<i class="line"> </i>
</div>
<p class="you">award the inspired brings together some of today's brightest artists, designers and photographers for your votes. Browse the profiles of the most recent contributors and cast your vote for the final 10 to reach our ceremony.</p>
<div class="top-on">
<div class="content-bottom">
<div class="col-md-6 top-pic">
<div class="col-md-6 bottom-pic">
<a href="single.html"><img class="img-responsive " src="images/pic.jpg" alt="" /></a>
</div>
<div class="col-md-6 bottom-doe">
<h6>Jane Doe</h6>
<p>Donec tincidunt aliquam urna, in lobortis lorem eleifend eu. pellentesque id emet venenatis erat. Mauris nisl tellus, lorem rhoncus ut iaculis sit amet, imperdietium quis eros. Ut mattis, est sed mattis eras viverr
游戏音乐娱乐类网站源码-时尚趋势发布响应式网页模板-支持移动端.zip
版权申诉
28 浏览量
2024-03-24
15:08:13
上传
评论
收藏 1.78MB ZIP 举报
游戏音乐娱乐类网站源码-时尚趋势发布响应式网页模板-支持移动端.zip （40个子文件） 
游戏音乐娱乐类网站源码-时尚趋势发布响应式网页模板-支持移动端 html 
events.html 8KB js 
jquery.wmuSlider.js 12KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 25KB bootstrap.css 118KB login.html 6KB 404.html 6KB index.html 16KB contact.html 7KB single.html 10KB images 
pic5.jpg 50KB pic6.jpg 44KB
co.png 2KB pi2.jpg 71KB plus1.png 4KB pic.jpg 44KB menu.png 3KB banner.jpg 126KB pi1.jpg 82KB logo.png 6KB pic4.jpg 45KB line.png 3KB pic2.jpg 55KB pi5.jpg 80KB pic3.jpg 38KB pi4.jpg 78KB pi7.jpg 84KB pic1.jpg 52KB pi3.jpg 108KB banner1.jpg 193KB img-sprite.png 22KB up.png 3KB po.jpg 115KB logo-1.png 7KB pic7.jpg 23KB pi.jpg 95KB sin.jpg 193KB pi6.jpg 107KB资源评论
DTcode7
- 粉丝: 6260
- 资源: 4306
