<!DOCTYPE html>
<html lang="en">
<head>
<title>Brian & Lilian's Wedding</title>
<meta charset="utf-8" />
<!-- <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,900,100italic,300italic,400italic,700italic,900italic,700,300,100|Sanchez:400,400italic|Sail|Fjalla+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="elastislide/css/elastislide.css" />
<link rel="stylesheet" type="text/css" href="elastislide/css/custom.css" />
<link rel="stylesheet" type="text/css" href="javascripts/fancybox/jquery.fancybox-1.3.4.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/tipsy.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/base.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/media.queries.css" />
<!-- Javascripts -->
<script type="text/javascript" src="javascripts/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="elastislide/js/modernizr.custom.17475.js"></script>
<script type="text/javascript" src="elastislide/js/jquerypp.custom.js"></script>
<script type="text/javascript" src="elastislide/js/jquery.elastislide.js"></script>
<script type="text/javascript" src="javascripts/html5shiv.js"></script>
<script type="text/javascript" src="javascripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="javascripts/jquery.tipsy.js"></script>
<script type="text/javascript" src="javascripts/jquery.infieldlabel.js"></script>
<script type="text/javascript" src="javascripts/jquery.nav.min.js"></script>
<script type="text/javascript" src="javascripts/base.js"></script>
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.html" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.html">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.html">
</head>
<body>
<div id="page_wrapper">
<!-- Start Header -->
<header>
<nav class="container">
<ul>
<li class="current"><a href="#intro">Home</a></li>
<li><a href="#the_story">Our Story</a></li>
<li><a href="#gallery">Pictures</a></li>
<li><a href="#party">Wedding Party</a></li>
<li><a href="#venue">Venue</a></li>
<li><a href="#travel">Travel</a></li>
<li><a href="#registry">Registry</a></li>
<li><a href="#rsvp">RSVP</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="styles.html">Styles</a></li>
</ul>
</nav>
</header>
<!-- End Header -->
<!-- Start Intro -->
<section id="intro" class="container">
<!-- Start Logo Text Version -->
<div id="logo_wrap">
<h1>
<span>Lilian</span>
<span>Barnes</span>
<span class="circle_1">
<span class="circle_2">
&
</span>
</span>
<span>Brian</span>
<span>Author</span>
</h1>
</div>
<!-- End Logo Text Version -->
<!-- Start Logo Image Version -->
<img class="logo" src="images/logo.png" alt="Lilian ∓ Bryan's Wedding" />
<!-- Start Logo Image Version -->
<span class="double_line"></span>
<p>Invite you to celebrate their wedding</p>
<span class="double_line"></span>
<div class="date">
<em>June 1st, 2013</em>
<span>in</span>
<em>San Francisco, CA</em>
</div>
<img src="images/main.jpg" alt="" />
</section>
<!-- End Intro -->
<!-- Start Pages Container -->
<section id="pages" class="container">
<!-- Start The Story -->
<div id="the_story" class="page">
<div class="heading">
<h3>The Story Of Us</h3>
<div class="section_icon">
<span class="icon">♥</span>
</div>
</div>
<div class="content">
<div class="bride">
<span class="subtitle">Bride</span>
<h2>Lilian Barnes</h2>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascettvur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida Donec id elit.</p>
</div>
<div class="groom">
<span class="subtitle">Groom</span>
<h2>Brian Author</h2>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida Donec id elit.</p>
</div>
<div class="story">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla cras justo odio, dapibus.</p>
</div>
</div>
</div>
<!-- End The Story -->
<!-- Start Gallery -->
<div id="gallery" class="page">
<div class="heading">
<h3>Gallery</h3>
<div class="section_icon">
<span class="icon">📷</span>
</div>
</div>
<div class="content">
<!-- Start Elastislide Gallery Carousel -->
<ul id="gallery_slider" class="elastislide-list">
<li><a href="images/gallery/gallery-1.jpg" class="fancybox"><img src="images/gallery/gallery-1.jpg" alt="" /></a></li>
<li><a href="images/gallery/gallery-2.jpg" class="fancybox"><img src="images/gallery/gallery-2.jpg" alt="" /></a></li>
<li><a href="images/gallery/gallery-3.jpg" class="fancybox"><img src="images/gallery/gallery-3.jpg" alt="" /></a></li>
<li><a href="images/gallery/gallery-4.jpg" class="fancybox"><img src="images/gallery/gallery-4.jpg" alt="" /></a></li>
<li><a href="images/gallery/gallery-5.jpg" class="fancybox"><img src="images/gallery/gallery-5.jpg" alt="" /></a></li>
</ul>
<!-- End Elastislide Gallery Carousel -->
</div>
</div>
<!-- End Gallery -->
<!-- Start The Party -->
<div id="party" class="page">
<div class="heading">
<h3>Wedding Party</h3>
<div class="section_icon">
<span class="icon">👥</span>
</div>
</div>
<div class="content">
<div class="bridesmaids">
<h4>Bridesmaids</h4>
<ul class="people">
<li>
<a href="javascript:;" data-bio="Brooke and Lilian grew up together in Kansas. Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam."><img src="images/party/girl-1.png" alt="" /></a>
<span>Brooke Walton</span>
</li>
<li>
<a href="javascript:;" data-bio="Jenny has known Lilian since high school. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cum sociis natoque penatibus et magnis dis parturient montes."><img src="images/party/girl-2.png" alt="" /></a>
<span>Jenny Jones</span>
</li>
<li class="current">
<a href="javascript:;" data-bio="Lisa is the sister of the bride. Malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non."><img src="images/party/girl-3.png" alt="" /></a>
<span>Lisa Carney</span>
</li>
<li>
<a href="javascript:
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
290_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip (95个子文件)
290
stylesheets
tipsy.css 2KB
media.queries.css 562B
base.css 32KB
styles.html 14KB
elastislide
js
modernizr.custom.17475.js 9KB
jquerypp.custom.js 8KB
jquery.elastislide.js 19KB
css
custom.css 3KB
elastislide.css 2KB
demo.html 316B
images
loading.gif 3KB
nav.png 797B
loading_dark.gif 3KB
Descr.WD3 298B
index-2.html 20KB
index.html 20KB
images
main.jpg 311KB
apple-touch-icon-72x72.html 325B
logo.png 12KB
airports
tvc.jpg 60KB
dtw.jpg 107KB
Descr.WD3 285B
sfo.jpg 124KB
select-arrow.png 1KB
gallery
gallery-2.jpg 285KB
gallery-1.jpg 132KB
gallery-5.jpg 74KB
gallery-4.jpg 75KB
gallery-3.jpg 271KB
Descr.WD3 505B
apple-touch-icon-114x114.html 327B
hotel.jpg 136KB
favicon.html 310B
registry
logo-3.png 6KB
logo-5.png 5KB
logo-4.png 6KB
logo-2.png 6KB
logo-1.png 5KB
Descr.WD3 490B
venue
2.jpg 162KB
1.jpg 184KB
5.jpg 121KB
Descr.WD3 465B
3.jpg 107KB
4.jpg 200KB
party
girl-5.png 11KB
girl-4.png 10KB
guy-5.png 10KB
guy-2.png 8KB
guy-3.png 10KB
girl-1.png 11KB
girl-2.png 9KB
guy-4.png 10KB
Descr.WD3 975B
guy-1.png 9KB
girl-3.png 11KB
shadow.png 3KB
apple-touch-icon.html 319B
Descr.WD3 491B
javascripts
jquery.mobilemenu.html 324B
fancybox
fancybox.png 15KB
jquery.fancybox-1.3.4.pack.js 15KB
blank.gif 43B
jquery.fancybox-1.3.4.css 8KB
fancybox-y.png 176B
fancy_title_over.png 70B
fancybox
fancy_title_main.html 342B
fancy_title_over.html 342B
fancy_title_left.html 342B
fancy_title_right.html 343B
fancy_nav_left.html 340B
fancy_loading.html 339B
fancy_close.html 337B
fancy_nav_right.html 341B
javascripts
fancybox
fancy_shadow_s.html 352B
fancy_shadow_e.html 352B
fancy_shadow_sw.html 353B
fancy_shadow_n.html 352B
fancy_shadow_se.html 353B
fancy_shadow_ne.html 353B
fancy_shadow_w.html 352B
fancy_shadow_nw.html 353B
fancybox-x.png 203B
jquery.nav.min.js 7KB
jquery.tipsy.js 10KB
jquery.infieldlabel.js 2KB
jquery.ui.totop.min.html 326B
html5shiv.js 8KB
jquery-1.8.0.min.js 90KB
base.js 3KB
fonts
entypo.svg 113KB
entypo.woff 44KB
entypo.ttf 74KB
Descr.WD3 394B
entypo.eot@ 74KB
共 95 条
- 1
资源评论
wsnbb_2023
- 粉丝: 13
- 资源: 6004
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功