<!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:
大气漂亮简洁灰色幸福恋人结婚个人主页婚嫁婚庆司仪恋爱交友单页html5跳转科技产品互联网案例.rar
需积分: 0 64 浏览量
2023-09-10
10:59:57
上传
评论
收藏 2.49MB RAR 举报
大气漂亮幸福恋人结婚主页html5模板_大气漂亮简洁灰色幸福恋人结婚个人主页婚嫁婚庆司仪恋爱交友单页html5跳转科技产品互联网案例.rar （88个子文件） 
fancybox.png 15KB
jquery.fancybox-1.3.4.pack.js 15KB girl-5.png 11KB
main.jpg 311KB tvc.jpg 60KB logo-3.png 6KB 2.jpg 162KB logo-5.png 5KB gallery-2.jpg 285KB
blank.gif 43B girl-4.png 10KB modernizr.custom.17475.js 9KB gallery-1.jpg 132KB
styles.html 14KB custom.css 3KB apple-touch-icon-72x72.html 325B fancy_title_main.html 342B jquery.fancybox-1.3.4.css 8KB logo-4.png 6KB
entypo.svg 113KB loading.gif 3KB jquery.mobilemenu.html 324B logo.png 12KB fancy_shadow_s.html 352B guy-5.png 10KB jquerypp.custom.js 8KB 1.jpg 184KB gallery-5.jpg 74KB guy-2.png 8KB fancybox-y.png 176B entypo.woff 44KB fancy_title_over.png 70B fancy_title_over.html 342B fancy_shadow_e.html 352B select-arrow.png 1KB elastislide.css 2KB nav.png 797B apple-touch-icon-114x114.html 327B loading_dark.gif 3KB guy-3.png 10KB girl-1.png 11KB 5.jpg 121KB girl-2.png 9KB entypo.ttf 74KB tipsy.css 2KB jquery.nav.min.js 7KB hotel.jpg 136KB jquery.tipsy.js 10KB jquery.infieldlabel.js 2KB dtw.jpg 107KB fancy_title_left.html 342B guy-4.png 10KB jquery.ui.totop.min.html 326B favicon.html 310B html5shiv.js 8KB jquery-1.8.0.min.js 90KB index-2.html 20KB media.queries.css 562B fancy_title_right.html 343B index.html 20KB gallery-4.jpg 75KB shadow.png 3KB apple-touch-icon.html 319B base.js 3KB fancy_nav_left.html 340B logo-2.png 6KB gallery-3.jpg 271KB fancy_shadow_sw.html 353B logo-1.png 5KB Descr.WD3 465B sfo.jpg 124KB demo.html 316B entypo.eot@ 74KB base.css 32KB fancybox-x.png 203B 3.jpg 107KB fancy_loading.html 339B guy-1.png 9KB fancy_shadow_n.html 352B fancy_close.html 337B fancy_shadow_se.html 353B fancy_shadow_ne.html 353B jquery.elastislide.js 19KB fancy_nav_right.html 341B fancy_shadow_w.html 352B girl-3.png 11KB fancy_shadow_nw.html 353B 4.jpg 200KB资源评论
