<!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:
基于HTML实现的大气漂亮幸福恋人结婚主页html5(含HTML源代码+使用说明).zip
版权申诉
7 浏览量
2022-07-08
16:06:46
上传
评论
收藏 2.51MB ZIP 举报
基于HTML实现的大气漂亮幸福恋人结婚主页html5(含HTML源代码+使用说明).zip （95个子文件） 
mstp_12_wedlock 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资源评论
