<!DOCTYPE html>
<html lang="en">
<head>
<title>Hookup - Free Bootstrap 4 Template by Colorlib</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="static/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="static/css/animate.css">
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/owl.theme.default.min.css">
<link rel="stylesheet" href="static/css/magnific-popup.css">
<link rel="stylesheet" href="static/css/aos.css">
<link rel="stylesheet" href="static/css/ionicons.min.css">
<link rel="stylesheet" href="static/css/flaticon.css">
<link rel="stylesheet" href="static/css/icomoon.css">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light site-navbar-target" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="">Hookup</a>
<button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav nav ml-auto">
<li class="nav-item"><a href="#home-section" class="nav-link"><span>Home</span></a></li>
<li class="nav-item"><a href="#groom-bride-section" class="nav-link"><span>Groom & Bride</span></a></li>
<li class="nav-item"><a href="#lovestory-section" class="nav-link"><span>Love Story</span></a></li>
<li class="nav-item"><a href="#greeting-section" class="nav-link"><span>Greetings</span></a></li>
<li class="nav-item"><a href="#people-section" class="nav-link"><span>People</span></a></li>
<li class="nav-item"><a href="#when-where-section" class="nav-link"><span>When & Where</span></a></li>
<li class="nav-item"><a href="#rsvp-section" class="nav-link"><span>RSVP</span></a></li>
<li class="nav-item"><a href="#gallery-section" class="nav-link"><span>Gallery</span></a></li>
</ul>
</div>
</div>
</nav>
<section id="home" class="video-hero js-fullheight" style="height: 700px; background-image: url(static/image/bg_1.jpg); background-size:cover; background-position: top center;" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<a class="player" data-property="{videoURL:'#',containment:'#home', showControls:false, autoPlay:true, loop:true, mute:true, startAt:0, opacity:1, quality:'default',optimizeDisplay:true}"></a>
<div class="container">
<div class="row js-fullheight justify-content-center d-flex align-items-center">
<div class="col-md-12">
<div class="text text-center">
<div class="icon">
<span class="flaticon-rose-outline-variant-with-vines-and-leaves"></span>
</div>
<span class="subheading">The Wedding of</span>
<h1>Francisco & Laura</h1>
<div id="timer" class="d-flex">
<div class="time" id="days"></div>
<div class="time pl-3" id="hours"></div>
<div class="time pl-3" id="minutes"></div>
<div class="time pl-3" id="seconds"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-about ftco-no-pt ftco-no-pb" id="groom-bride-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="wrap">
<div class="row d-flex">
<div class="col-md-6 d-flex">
<div class="img d-flex align-self-stretch align-items-center" style="background-image:url(static/image/about.jpg);">
</div>
</div>
<div class="col-md-6 py-md-5 text">
<div class="py-md-4">
<div class="row justify-content-start pb-3">
<div class="col-md-12 ftco-animate p-4 p-lg-5 text-center">
<span class="subheading mb-4">Join us to celebrate <br>the wedding day of</span>
<h2 class="mb-4">Francisco <span>&</span> Laura</h2>
<span class="icon flaticon-rose-variant-outline-with-vines"></span>
<span class="subheading">Which is celebration on</span>
<p class="time mb-4"><span>Dec | 28 | 2019</span></p>
<span class="subheading mb-5">Starting at 2:00 <br> in the afternoon</span>
<span class="subheading mb-5">Saint John Paul Church <br> in YorkNew.in</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section bg-section">
<div class="overlay-top" style="background-image: url(static/image/top-bg.jpg);"></div>
<div class="overlay-bottom" style="background-image: url(static/image/bottom-bg.jpg);"></div>
<div class="container">
<div class="row justify-content-center pb-5">
<div class="col-md-12 text-center heading-section ftco-animate">
<span class="clone">Bride & Groom</span>
<h2 class="mb-3">Bride & Groom</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10">
<div class="row">
<div class="col-md-6 text-center d-flex align-items-stretch">
<div class="bride-groom ftco-animate">
<div class="img" style="background-image: url(static/image/groom.jpg);"></div>
<div class="text mt-4 px-4">
<h2>Francisco Fredricksen</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</div>
<div class="col-md-6 text-center d-flex align-items-stretch">
<div class="bride-groom ftco-animate">
<div class="img" style="background-image: url(static/image/bride.jpg);"></div>
<div class="text mt-4 px-4">
<h2>Laura Moorey</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section" id="lovestory-section">
<div class="container">
<div class="row justify-content-center pb-5">
<div class="col-md-12 text-center heading-section ftco-animate">
<span class="clone">Love Story</span>
<h2 class="mb-3">Love Story</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="timeline animate-box">
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(static/image/couple-1.jpg);"></div>
<div class="timeline-panel ftco-animate text-md-right">
<div class="overlay"></div>
<div class="timeline-heading">
<span class="date">June 10, 2021</span>
<h3 class="timeline-title">First We Meet</h3>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in .</p>
</div>
</div>
</li>
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(static/image/couple-2.jpg);"></div>
<div class="timeline-panel ftco-animate">
<div class="overlay overlay-2"></div>
<div class="timeline-heading">
<span class="date">June 10, 2021</span>
<h3 class="timeline-title">First Date</h3>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in .</p>
</div>
</div>
</li>
<li class="animate-box">
<div class="
响应式婚礼策划婚庆网站模板
需积分: 5 112 浏览量
2023-05-23
10:12:51
上传
评论
收藏 9.9MB RAR 举报
响应式婚礼策划婚庆网站模板-moban5935.rar （78个子文件） 
moban5935 files 
gallery-2.jpg 507KB gallery-1.jpg 446KB gallery-5.jpg 347KB gallery-8.jpg 217KB gallery-7.jpg 317KB gallery-4.jpg 257KB gallery-6.jpg 271KB gallery-3.jpg 365KB
index.html 26KB static font 
open-iconic.woff 15KB Flaticon.eot 7KB ionicons.woff2 49KB icomoon.woff 300KB Flaticon.woff 4KB ionicons.ttf 110KB icomoon.eot 300KB ionicons.eot 110KB ionicons.woff 64KB open-iconic.ttf 27KB Flaticon.ttf 7KB icomoon.ttf 300KB open-iconic.eot 28KB image groom.jpg 97KB bridesmaid-3.jpg 552KB place-1.jpg 98KB bridesmaid-1.jpg 31KB bridesmaid-2.jpg 140KB gallery-2.jpg 507KB person_3.jpg 34KB about.jpg 151KB gallery-5.jpg 347KB bg_1.jpg 413KB couple-1.jpg 135KB bottom-bg.jpg 420KB gallery-8.jpg 217KB groom-men-3.jpg 32KB person_2.jpg 47KB gallery-7.jpg 317KB couple-4.jpg 98KB bridesmaid-4.jpg 702KB place-2.jpg 395KB gallery-4.jpg 257KB gallery-6.jpg 271KB groom-men-2.jpg 38KB gallery-3.jpg 365KB bride.jpg 135KB couple-3.jpg 139KB person_1.jpg 35KB top-bg.jpg 154KB groom-men-4.jpg 84KB place-3.jpg 226KB groom-men-1.jpg 20KB couple-2.jpg 101KB js jquery.waypoints.min.js 9KB bootstrap.min.js 57KB jquery.animateNumber.min.js 1KB google-map.js 2KB jquery-migrate-3.0.1.min.js 11KB main.js 7KB aos.js 14KB scrollax.min.js 7KB popper.min.js 19KB jquery.magnific-popup.min.js 20KB jquery.stellar.min.js 12KB jquery.mb.YTPlayer.min.js 52KB owl.carousel.min.js 42KB jquery.easing.1.3.js 8KB jquery.min.js 262KB css style.css 255KB icomoon.css 78KB open-iconic-bootstrap.min.css 10KB magnific-popup.css 7KB animate.css 72KB aos.css 25KB owl.theme.default.min.css 965B ionicons.min.css 46KB owl.carousel.min.css 4KB flaticon.css 2KB资源评论
