【免费】简洁的杂志新闻博客blog模板下载_简洁杂志新闻博客blogbootstrap个人博客极简整站走秀时尚.rar资源-CSDN文库

共40个文件

jpg：20个

png：8个

html：6个

html

需积分: 0 147 浏览量 2023-09-12 08:47:51 上传评论收藏 1.77MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

简洁的杂志新闻博客blog模板下载_简洁杂志新闻博客blogbootstrap个人博客极简整站走秀时尚.rar （40个子文件）

pic5.jpg 50KB

events.html 8KB

pic6.jpg 44KB

style.css 24KB

co.png 2KB

pi2.jpg 71KB

plus1.png 4KB

pic.jpg 44KB

jquery.wmuSlider.js 12KB

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

bootstrap.css 118KB

404.html 6KB

pi3.jpg 108KB

banner1.jpg 193KB

easing.js 5KB

img-sprite.png 22KB

up.png 3KB

move-top.js 1KB

index.html 16KB

contact.html 7KB

po.jpg 115KB

single.html 10KB

logo-1.png 7KB

pic7.jpg 23KB

pi.jpg 95KB

jquery.min.js 92KB

sin.jpg 193KB

pi6.jpg 107KB

<!DOCTYPE html> <html> <head> <title>Home</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='#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="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div> <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 viverra, turpis nibh tempus tellus.</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 top-pic"> <div class="col-md-6 bottom-pic"> <a href="

评论收藏

内容反馈