<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Wedding</title>
<script src="js/jquery.js"></script><!--/must be first-->
<link href='http//fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--/for 960grid-->
<link rel="stylesheet" media="all" href="css/reset.css" />
<link rel="stylesheet" media="all" href="css/text.css" />
<link rel="stylesheet" media="all" href="css/960.css" />
<link rel="stylesheet" href="css/main.css" media="screen"/>
<link rel="stylesheet" href="css/blog.css" media="screen"/>
<link rel="stylesheet" href="css/pictureslider.css" media="screen" /><!--css for picture slider-->
<link rel="stylesheet" href="css/nivo-slider.css" media="screen" /><!--css for drop down-->
<!--[if IE]>
<link type="text/css" rel="stylesheet" href="css/ie.css" />
<![endif]--><!--/all ie browsers-->
<script src="js/script.js"></script>
<!--/IE curvy corners-->
<script type="text/javascript" src="js/curvy.corners.trunk.js"></script>
<!--/IE curvy corners-->
<!--/image fade-->
<script>
$(document).ready(function() {
$('.pic').delay(1000).fadeIn(1500);
$('.pic1').delay(1000).fadeIn(1500);
$('.pic2').delay(1000).fadeIn(1500);
$('.picslide').delay(1000).fadeIn(1500);
$('.pictureblog').delay(1000).fadeIn(1500);
});
</script>
<!--/image fade-->
</head>
<body>
<div class="container_12">
<header class="grid_12 alpha">
<nav class="menuline">
<div class="grid_2">
<h1 class="logo">Him and Her</h1>
</div><!--/grid_2-->
<ul class="menu" id="menu">
<li>
<a href="index.html" class="menulink firstradius">Home</a>
<ul>
<li><a href="index.html" class="firstrightradius">Home 1</a></li>
<li><a href="home_2.html" class="lastradius">Home 2</a></li>
</ul>
</li>
<li>
<a href="wedding.html" class="radius menulink">Wedding</a>
</li>
<li>
<a href="about.html" class="menulink radius">About</a>
</li>
<li>
<a href="photos_2.html" class="menulink firstradius">Photos</a>
<ul>
<li><a href="photos_1.html" class="firstrightradius">Photos 3 columns</a></li>
<li><a href="photos_2.html">Photos 4 columns</a></li>
<li><a href="photos_3.html" class="lastradius">Circle photos</a></li>
</ul>
</li>
<li>
<a href="blog_index.html" class="menulink firstradius">Blog</a>
<ul>
<li><a href="blog_index.html" class="firstrightradius">Blog index</a></li>
<li><a href="blog_post.html" class="lastradius">Blog post</a></li>
</ul>
</li>
<li><a href="rsvpcontact.html" class="menulink radius">RSVP/Contact</a></li>
</ul>
</nav> <!--/menuline-->
</header>
<!--/grid_12-->
<section class="grid_8 alpha">
<section class="mainbackground grid_8">
<section class="grid_8 alpha"> <!--/one-post-->
<section class="grid_8">
<section class="grid_6 alpha">
<header class="pictureblog">
<h1 class="blogheadline">Blog Post</h1>
</header>
</section> <!--/grid_6-->
<section class="grid_2 omega datewrapper">
<p class="date">15th May 2012.</p>
<section class="commentfav">
<a href="#" class="favoritepic" title="favorite"><img
src="images/fav.png" alt="favorite" /><span class="fav">19</span></a>
<a href="#" class="commentpic" title="comment"><img
src="images/comment.png" alt="comment" /><span class="fav">25</span></a>
</section>
<section class="incategory">
<p class="footertext2"><a href="#" class="category">Category</a></p>
</section>
<section class="tags">
<p class="tagstext">Tags: <a href="#" class="category">wedding, </a>
<a href="#" class="category">marriage, </a>
<a href="#" class="category">template, </a><a href="#" class="category">web</a></p>
</section>
</section> <!--/grid_6-->
<article class="grid_8">
<div class="blogtextwrapper">
<p class="blogtext">Quo ne amet nulla facete, essent iriure nonumes ius eu. Pri legimus vituperatoribus ea, ex pri
meis aeterno, nec et nobis tantas. Sit partem deserunt ea, graecis electram vis ut. Quo te blandit periculis, et wisi prima eum. Mel et mucius labitur discere, quas errem per an. Eam ut aeterno adversarium. Aperiam interpretaris eu mel, noluisse deserunt deterruisset ex vim, quaestio sea legendos repudiare iracundia evertitur quo at. Ne mei explicari evertitur, his in populo possit partiendo. At sea legendos repudiare. Idque mazim cu usu. Sea ei putant concludaturque, vis cu saepe possit, dicat voluptaria an nec. Eam te congue explicari, mea illum
nemore facilisis te. An dicta volutpat scribentur vis, has no mundi eirmod. </p>
<p class="blogtext">Quo ne amet nulla facete, essent iriure nonumes ius eu. Pri legimus vituperatoribus ea, ex pri
meis aeterno, nec et nobis tantas. Sit partem deserunt ea, graecis electram vis ut. Quo te blandit periculis, et wisi prima eum. Mel et mucius labitur discere, quas errem per an. Eam ut aeterno adversarium. Aperiam interpretaris eu mel, noluisse deserunt deterruisset ex vim, quaestio sea legendos repudiare iracundia evertitur quo at. Ne mei explicari evertitur, his in populo possit partiendo. At sea legendos repudiare. Idque mazim cu usu. Sea ei putant concludaturque, vis cu saepe possit, dicat voluptaria an nec. Eam te congue explicari, mea illum
nemore facilisis te. An dicta volutpat scribentur vis, has no mundi eirmod. </p>
<p class="blogtext">Quo ne amet nulla facete, essent iriure nonumes ius eu. Pri legimus vituperatoribus ea, ex pri
meis aeterno, nec et nobis tantas. Sit partem deserunt ea, graecis electram vis ut. Quo te blandit periculis, et wisi prima eum. Mel et mucius labitur discere, quas errem per an. Eam ut aeterno adversarium. Aperiam interpretaris eu mel, noluisse deserunt deterruisset ex vim, quaestio sea legendos repudiare iracundia evertitur quo at. Ne mei explicari evertitur, his in populo possit partiendo. At sea legendos repudiare. Idque mazim cu usu. Sea ei putant concludaturque, vis cu saepe possit, dicat voluptaria an nec. Eam te congue explicari, mea illum
nemore facilisis te. An dicta volutpat scribentur vis, has no mundi eirmod. </p>
</div>
<p class="blogtpostedby">Posted by:<a href="#" class="category"> Someone</a></p>
</article>
</section><!--/grid8-->
</section><!--/one-post-end-->
<h3 class="bloghcomments">Comments</h3>
<section class="postedcomments">
<section class="postedcomment1">
<img src="images/personicon.png" class="personicon" alt="comment"/>
<p class="postedbyname">Someone</p>
<p class="blogcomment1">Lorem ipsum dolor sit amet, sed amet metus, sit a est, in nulla ut amet et. Lig hac euismod porta neque, platea nisl sem amet natoque gravida et. Rutrum velit viva
mus, feugiat sodales augue. Scelerisque senectus, fusce mollis, sed cursus quisque justo, felis condimentum tellus aliquam quam vitae. Vestibulum lorem urna vivamus, mauris pellentesque mi justo. </p>
<a href="#" class="replylink">Reply</a>
</section><!--/postedcomment1-->
<section class="postedcomment2">
<img src="images/personicon.png" class="personicon" alt="comment"/>
<p class="postedbyname">Someone</p>
<p class="blogcomment1">Lorem ipsum dolor sit amet, sed amet metus, sit a est, in nulla ut amet et. Lig hac euismod porta neque, platea nisl sem amet natoque gravida et. Rutrum velit viva
mus, feugiat sodales augue. Scelerisque senectus, fusce mo
基于HTML实现的非响应式浅紫灰婚纱网站网页(含HTML源代码).zip （80个子文件） 
非响应式浅紫灰婚纱网站 
blog_post.html 15KB rsvpcontact.html 8KB js 
jquery.prettyPhoto.js 35KB hover.js 227B 1to4.me.url 117B curvy.corners.trunk.js 58KB jquery.nivo.slider.pack.js 11KB jquery.js 242KB script.js 1KB photos_3.html 10KB css main.css 11KB text.css 1KB rsvpcontact.css 6KB 960.css 10KB reset.css 2KB about_wedding.css 5KB nivo-slider.css 1KB blog.css 10KB pictureslider.css 2KB photos.css 3KB index.html 10KB about.html 8KB home_2.html 10KB photos_2.html 9KB images 
portraitright.png 59KB
1a.jpg 303KB hoversign.png 1KB mainheadline.png 53KB 2.jpg 123KB 3.png 460KB pictureblog.jpg 142KB circleline.png 5KB menu.png 127KB 3a.jpg 366KB iconcontact.png 5KB datebg.png 5KB memberportraitm.png 80KB buttonbig.png 3KB 1.jpg 138KB buttongrey.png 2KB portraitleft.png 78KB sliderbg.png 21KB aboutpicture.jpg 148KB buttoncolor.png 5KB photo3bg.png 1KB 1.png 620KB
bg.gif 48B memberportraitf.png 85KB pagenobutton.png 1KB p1.png 48KB photo4.jpg 29KB grid.png 212B p2.png 49KB personicon.png 5KB aboutpicturea.jpg 145KB portraitbg.png 9KB p4.png 56KB icontwitter.png 4KB icongoogleplus.png 5KB 2a.jpg 291KB photocirclebg.png 9KB photo3.jpg 61KB circlelinebottom.png 5KB grid1.png 96B aboutpicture1.jpg 55KB tbg.png 165B photocircle.png 76KB iconfb.png 4KB listbullet.png 639B pictureblog1.jpg 137KB 3.jpg 173KB photo4bg.png 1KB 2.png 759KB p3.png 46KB bullets.png 2KB fav.png 798B comment.png 687B blog_index.html 13KB photos_1.html 9KB wedding.html 12KB资源评论
