<!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 styles -->
<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">
<!-- Link scripts -->
<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>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<header><!-- Define the header section of the page -->
<div class="logo"><!-- Define the logo element -->
<a href="http://www.script-tutorials.com/">
<img src="images/logo.png" title="Fashion template" alt="Fashion template" />
</a>
</div>
<section id="search"><!-- Search form -->
<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><!-- Define the navigation menu -->
<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"><!-- Nivo promo slider -->
<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"><!-- Define the main content section -->
<section id="promo"><!-- Define the promo section -->
<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"><!-- Define the featured content section -->
<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"><!-- Define submain content section -->
<section id="subcontent"><!-- Define the content section #2 -->
<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"><!-- Archives 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"><!-- Recent posts 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>
红灰配色线条HTML5博客模板.zip
版权申诉
130 浏览量
2023-03-15
06:47:37
上传
评论
收藏 224KB ZIP 举报
红灰配色线条HTML5博客模板.zip （19个子文件） 
红灰配色线条HTML5博客模板 js 
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资源评论
