红灰配色线条HTML5博客模板是一款红灰配色极简线条的HTML5个人博客模板。.rar资源-CSDN文库

共19个文件

png：9个

css：3个

js：3个

版权申诉

179 浏览量 2023-04-27 15:04:34 上传评论收藏 225KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

红灰配色线条HTML5博客模板是一款红灰配色极简线条的HTML5个人博客模板。.rar （19个子文件）

红灰配色线条HTML5博客模板是一款红灰配色极简线条的HTML5个人博客模板。

chahua3222

html5.js 1KB

jquery.nivo.slider.pack.js 16KB

jquery.js 89KB

css

style.css 5KB

reset.css 1KB

nivo-slider.css 1KB

index.html 10KB

images

prm.png 5KB

s_caption.png 109B

logo.png 1KB

post.png 16KB

promo2.jpg 30KB

search_btn.png 579B

promo3.jpg 64KB

twitter.png 889B

facebook.png 820B

rss.png 1KB

promo1.jpg 62KB

linkedin.png 1KB

<!DOCTYPE html> <html lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>'Fashion' single page layout | Script tutorials demo</title> <meta charset="utf-8">  <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen">  <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> <script> $(window).load(function() { $('#slider').nivoSlider({ effect:'random', slices:15, boxCols:8, boxRows:8, animSpeed:500, pauseTime:4000, directionNav:false, directionNavHide:false, controlNav:true, captionOpacity:0.9 }); }); </script>  </head> <body> <div class="container"> <header> <div class="logo"> <a href="http://www.script-tutorials.com/"> <img src="images/logo.png" title="Fashion template" alt="Fashion template" /> </a> </div> <section id="search"> <form action="#" onSubmit="return false;" method="get"> <input type="text" onFocus="if (this.value =='Search..' ) this.value=''" onBlur="if (this.value=='') this.value='Search..'" value="Search.." name="q"> <input type="submit" value=""> </form> </section> </header> <nav> <ul> <li class="active"><a href="#">Home</a></li> <li><a href="#">Tutorials</a></li> <li><a href="#">About</a></li> <li><a href="http://sc.chinaz.com/moban/">To Tutorial</a></li> </ul> </nav> <section id="slider-wrapper"> <div id="slider" class="nivoSlider"> <img style="display: none;" src="images/promo1.jpg" alt="" title="#htmlcaption-1"> <img style="display: none;" src="images/promo2.jpg" alt="" title="#htmlcaption-2"> <img style="display: none;" src="images/promo3.jpg" alt="" title="#htmlcaption-3"> </div> <div id="htmlcaption-1" class="nivo-html-caption"> <h5 class="p2">Your promo text 1</h5> <p>Promo text description here</p> </div> <div id="htmlcaption-1" class="nivo-html-caption"> <h5 class="p2">Your promo text 1</h5> <p>Promo text description here</p> </div> <div id="htmlcaption-2" class="nivo-html-caption"> <h5 class="p2">Your promo text 2</h5> <p>Promo text description here</p> </div> <div id="htmlcaption-3" class="nivo-html-caption"> <h5 class="p2">Your promo text 3</h5> <p>Promo text description here</p> </div> </section> <div id="main"> <section id="promo"> <img alt="" src="images/prm.png" /> <h2>Welcome to test our 'Fashion' templates. We are making best templates for you.</h2> </section> <section id="content"> <ul> <li> <h1>Clean</h1> <p>Some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here</p> <a class="more" href="#">Read more</a> </li> <li> <h1>Light</h1> <p>Some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here</p> <a class="more" href="#">Read more</a> </li> <li> <h1>Friendly</h1> <p>Some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here</p> <a class="more" href="#">Read more</a> </li> </ul> </section> </div> <div class="copyrights">Collect from <a href="http://sc.chinaz.com/moban/" >Website Template</a></div> <div id="submain"> <section id="subcontent"> <div id="left"> <ul> <li> <h3>'Mono' HTML5 CSS3 Single Page Layout</h3> <a href="#"><img alt="" src="images/post.png" /></a> <p>Today I want to introduce new great masterpiece – new template with codename: 'Mono'. This will nice HTML5/CSS3 template with nice light brown colors. Hope that you will like new styles and you will learn some new design methods.</p> <a class="more" href="http://sc.chinaz.com/moban/">Read more</a> </li> <li> <h3>Art theme - HTML5/CSS3 single page layout</h3> <a href="#"><img alt="" src="images/post.png" /></a> <p>Today I will like to product new great masterpiece – new template with codename: ‘Art theme’. This will nice HTML5 template with nice gray colors. Hope that you will like new styles and you will learn some new coding lessons.</p> <a class="more" href="http://sc.chinaz.com/moban/">Read more</a> </li> <li> <h3>Attractive HTML CSS Anime Theme Website Layout</h3> <a href="#"><img alt="" src="images/post.png" /></a> <p>Today I will like to product new masterpiece – new template with codename: ‘Anime theme’. This will nice HTML5 template with good colors. Hope that you can learn some new coding lessons and download our result and use it at your own site (its free as usual).</p> <a class="more" href="http://sc.chinaz.com/moban/">Read more</a> </li> </ul> </div> <div id="right"> <div class="block"> <h3>Archives</h3> <ul class="archives"> <li><a title="February 2014" href="#">February 2014</a></li> <li><a title="January 2014" href="#">January 2014</a></li> <li><a title="December 2011" href="#">December 2011</a></li> <li><a title="November 2011" href="#">November 2011</a></li> <li><a title="October 2011" href="#">October 2011</a></li> <li><a title="September 2011" href="#">September 2011</a></li> </ul> </div> <div class="block"> <h3>Recent posts</h3> <ul class="recent"> <li> <time datetime="2014-02-08T20:20">08-02-2014</time> <p>Recnt post #1 - short description</p>

评论收藏

内容反馈

版权申诉