游戏音乐娱乐类网站源码-时尚趋势发布响应式网页模板-支持移动端.zip资源-CSDN文库

共40个文件

jpg：20个

png：8个

html：6个

版权申诉

HTML

源码

JavaScript

174 浏览量 2024-03-24 15:08:13 上传评论收藏 1.78MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

游戏音乐娱乐类网站源码-时尚趋势发布响应式网页模板-支持移动端.zip （40个子文件）

游戏音乐娱乐类网站源码-时尚趋势发布响应式网页模板-支持移动端

html

events.html 8KB

jquery.wmuSlider.js 12KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 92KB

css

style.css 25KB

bootstrap.css 118KB

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

<!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" />  <script src="js/jquery.min.js"></script>   <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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>  <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>  <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>  <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> $("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>  <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

评论收藏

内容反馈

版权申诉