<!DOCTYPE html>
<html lang="en">
<head>
<title></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/grid.css" type="text/css" media="screen">
<link href='http//fonts.googleapis.com/css?family=PT+Sans:400italic' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=PT+Sans:700' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.galleriffic.js" type="text/javascript"></script>
<script src="js/jquery.opacityrollover.js" type="text/javascript"></script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page3">
<!--==============================header=================================-->
<header>
<div class="main">
<h1>
<a href="index.html">LauraJohn</a>
<em>Our wedding Page</em>
</h1>
</div>
<div class="menu-row">
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_12">
<nav>
<ul class="menu">
<li><a href="index.html">About</a></li>
<li><a href="wedding.html">Wedding</a></li>
<li><a class="active" href="album.html">Album</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="contacts.html">contacts</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!--==============================content================================-->
<section id="content"><div class="ic">More Website Templates @ <a href="http//www.csshello.com/" >hello素材网</a> - January 09, 2012!</div>
<div id="gallery">
<div id="js">
<h2 class="indent-bot2">Photo Album</h2>
<div class="wrapper p4">
<div class="slideshow-container">
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container"></div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li>
<a class="thumb" href="images/gallery-img1.jpg">
<img src="images/thumb-1.jpg" alt="" />
</a>
<div class="caption">
<h3>01. Photo Name</h3>
<div class="border-bot p3">
<p class="indent-bot"><em class="color-2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</em></p>
<a class="link-1" href="#">Add Your Comment</a>
</div>
<div class="wrapper p2">
<figure class="img-indent img-border1"><a href="#"><img src="images/page3-img1.jpg" alt=""></a></figure>
<div class="extra-wrap">
<h6>Sarah Anderson</h6>
<time class="tdate-1" datetime="2011-10-21"><a class="link" href="#">21.10.2011</a></time>
Quaeillo inventore veritatis architectobeatae.
</div>
</div>
<div class="wrapper p2">
<figure class="img-indent img-border1"><a href="#"><img src="images/page3-img2.jpg" alt=""></a></figure>
<div class="extra-wrap">
<h6>William Bell</h6>
<time class="tdate-1" datetime="2011-10-19"><a class="link" href="#">19.10.2011</a></time>
Nemo enim ipsam volupta tem quia.
</div>
</div>
<div class="wrapper p2">
<figure class="img-indent img-border1"><a href="#"><img src="images/page3-img3.jpg" alt=""></a></figure>
<div class="extra-wrap">
<h6>Jason Segel</h6>
<time class="tdate-1" datetime="2011-10-12"><a class="link" href="#">12.10.2011</a></time>
Aut odit aut fugit, sed quia consequuntur magni.
</div>
</div>
<a class="link-1" href="#">View All Photos</a>
</div>
</li>
<li>
<a class="thumb" href="images/gallery-img2.jpg">
<img src="images/thumb-2.jpg" alt="" />
</a>
<div class="caption">
<h3>02. Photo Name</h3>
<div class="border-bot p3">
<p class="indent-bot"><em class="color-2">Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa. Sed ut perspiciatis unde omnis iste natus error sit voluptatem </em></p>
<a class="link-1" href="#">Add Your Comment</a>
</div>
<div class="wrapper p2">
<figure class="img-indent img-border1"><a href="#"><img src="images/page3-img2.jpg" alt=""></a></figure>
<div class="extra-wrap">
<h6>William Bell</h6>
<time class="tdate-1" datetime="2011-10-19"><a class="link" href="#">19.10.2011</a></time>
Nemo enim ipsam volupta tem quia.
</div>
</div>
<div class="wrapper p2">
<figure class="img-indent img-border1"><a href="#"><img src="images/page3-img1.jpg" alt=""></a></figure>
<div class="extra-wrap">
<h6>Sarah Anderson</h6>
<time class="tdate-1" datetime="2011-10-21"><a class="link" href="#">21.10.2011</a></time>
Quaeillo inve