brettlangdon
/
wedding-website
mirror of https://github.com/brettlangdon/wedding-website.git
1
0
Fork 0
Code Issues 0 Projects 0 Releases 0 Wiki Activity
Browse Source

Rewrite as a single html page

master
Brett Langdon 8 years ago
parent
7bccfcb995
commit
ad5af72fdd
No known key found for this signature in database GPG Key ID: A2ECAB73CE12147F
1 changed files with 257 additions and 194 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +257
    -194
      index.html

+ 257
- 194
index.html View File

@ -1,202 +1,265 @@
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="Hugo 0.30.2" />
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Kate and Brett are getting married</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Brett Langdon & Kate Zasada">
<meta name="description" content="Kate and Brett are getting married">
<meta http-equiv="content-language" content="en-us" />
<meta name="og:site_name" content="Kate and Brett are getting married">
<meta name="og:title" content="Kate and Brett are getting married">
<meta name="og:url" content="https://brettkate.wedding/">
<meta name="twitter:title" content="Kate and Brett are getting married" />
<meta name="twitter:url" content="https://brettkate.wedding/" />
<meta name="twitter:card" content="" />
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/simple-line-icons.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="fh5co-loader"></div>
<div class="fh5co-page">
<div id="fh5co-container">
<div id="fh5co-home" class="js-fullheight-home" data-section="home" style="background-image: url(background.jpg);" data-stellar-background-ratio="0.5">
<div class="container">
<div class="col-md-6">
<div class="js-fullheight-home fh5co-copy">
<div class="js-fullheight-home fh5co-copy-inner">
<h1>Brett &amp; Kate</h1>
<h2>are getting married!</h2>
</div>
</div>
</div>
</div>
</div>
<div class="js-sticky">
<div class="fh5co-main-nav">
<div class="container">
<div class="fh5co-menu-1">
<a href="#" data-nav-section="intro">Our Story</a>
<a href="#" data-nav-section="details">Details</a>
<a href="#" data-nav-section="things-to-do">Things to do in Rochester</a>
<a href="#" data-nav-section="registry">Registry</a>
<a href="#" data-nav-section="faq">FAQ</a>
</div>
</div>
</div>
</div>
<div id="fh5co-team" data-section="intro">
<div class="container">
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
<h2>Our Story</h2>
<p>
Kate and Brett met while working together in New York City sometime in 2013. Credit goes to their mutual friends Susie (Brett’s PM) and Anthony (Kate’s designer) for convincing Brett to interview for a job and eventually join Kate & Anthony.</br>
The rest was a rom-com worthy story of two people who everyone <i>else</i> knew would wind up together, but had to figure that out for themselves. A few months later, we finally realized what everyone else saw from the beginning-- now we invite you to celebrate our wedding!
</p>
</div>
</div>
</div>
<div id="fh5co-team" data-section="details">
<div class="container">
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
<h2>Ceremony & Reception</h2>
<h3>Welcome Drinks</h3>
<p>
Rohrbach Railroad Street Beer Hall   97 Railroad St, Rochester, NY 14609 7-9pm
</p>
<h3>Ceremony & Reception</h3>
<p>
The Inn on Broadway 29 Broadway, Rochester NY 5pm Attire: Black Tie Optional Dinner and dancing to follow
</p>
<h3>Accomodaions</h3>
<h4><a href="http://www.innonbroadway.com">The Inn on Broadway</a></h4>
<p>
We have a room block reserved with a 10% discount on the room rates. To reserve a room, call the Inn at 877.612.3595 and mention the Zasada-Langdon wedding.
</p>
<h4><a href="http://www.airbnb.com/c/kzasada">AirBnB</a></h4>
<p>
There are many private accomodations available in Rochester through AirBnB which are reasonably priced and great for groups! We love the Park Aveneue area for the restaurants, East Avenue & Monroe Village are great as well.
</p>
</div>
</div>
</div>
<div id="fh5co-services" data-section="things-to-do">
<div class="container">
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
<h2>Things to do</h2>
<h3><a href="http://www.geneseebeer.com/brewhouse/">Genesee Brewhouse</a></h3>
<p>25 Cataract St.</br>
Rochester, NY, 14605</p>
<p>The Genesee Brewhouse is a historic beer packaging center that has been renovated to include a taproom, restaurant and rooftop bar! Go here to taste some local beers with a view of the Genesee River & High Falls.</p>
<h3><a href="https://eastman.org/">George Eastman House Museum</a></h3>
<p>900 East Ave</br>
Rochester, NY 14607</p>
<p>The George Eastman House is the former estate of Kodak founder George Eastman, whose historic grounds now house collections in the fields of photography, cinema, and photographic and cinematographic technology, and photographically illustrated books. The institution is also a longtime leader in film preservation and photographic conservation.</p>
</div>
</div>
</div>
<div id="fh5co-services" data-section="registry">
<div class="container">
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
<h2>Registry</h2>
<p>
The gift of your presence as we celebrate our marriage is truly all that we ask for! If you want to get us something to warm our home, we’ve collected a few things that ship directly to us from a variety of stores in our <a href="https://www.zola.com/wedding/bkny/registry">Zola registry</a>.</br>
If you want a gift shipped to you to bring to us, we have a few items in a <a href="https://www.macys.com/wgl/registry/guest/6738469">Macys registry</a>.
</p>
</div>
</div>
</div>
<div id="fh5co-team" data-section="faq">
<div class="container">
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
<h2>FAQ</h2>
<h3>Is it true the ceremony is standing room only?</h3>
<p>There will be limited seating, but it will also be a short one (~15minutes).</p>
</br>
<h3>What should I wear?</h3>
<p>
The attire is black tie optional. <br /> This means:
<ul>
<li>A long dress</li>
<li>A formal cocktail-length dress</li>
<li>A tuxedo or dressy suit</li>
</ul>
</p>
<p>
Kate loves Rent the Runway for formal events, use code $discount for a discount on your rental! Need some ideas on formal, black tie optional? Check the <a href="http://www.cosmopolitan.com/uk/fashion/style/how-to/a35660/what-different-dress-codes-actually-mean-wedding-black-tie/">Cosmo guide for women</a> or the <a href="https://www.gq.com/story/what-to-wear-to-a-summer-wedding-dress-codes">GQ guide for men</a>.
</p>
<h3>How do I get to Rochester?</h3>
<h4>Flying</h4>
<p>The hotel is a 15 minute drive from Rochester International Airport, which is served by all of the major airlines.</p>
<p>If you choose to fly, you probably don't need to rent a car as Uber and Lyft are all over Rochester, with a ride from the airport to the ceremony location costing under $20. The ceremony & reception are all conveniently located at a hotel, where you can stay with a 10% discount if you call and give our names. Everything we’re looking at for after parties is walking distance from the venue, so even if you choose to take a cab it will be a short trip and we’ve set up an event code with Lyft to give you $10 off each ride during the weekend!</p>
<h4>Driving</h4>
<p>
If you're driving to Rochester, The Inn on Broadway has complimentary valet parking available during the entire weekend.
</p>
<h3>I can't make it, sorry!?</h3>
<p>No worries! We realize life happens. Please let us know in advance.</p>
<h3>OTHER QUESTIONS?</h3>
<p>Feel free to contact us via... Email: me@brett.is ; kzasada@gmail.com Phone: +1 (860) 488 0854</p>
</div>
</div>
</div>
<div id="fh5co-footer">
<div class="container">
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
<ul class="fh5co-social">
</ul>
</div>
</div>
</div>
</div>
<title>Brett and Kate's wedding</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css">
<style>
.hero-body { background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 0% 50% }
@media screen and (max-width: 900px) { .hero-body { background-position: 50% 50%; } }
@media screen and (max-width: 600px) { .hero-body { background-position: 65% 50%; } }
</style>
</head>
<body>
<a class="jump-to-top box is-hidden" style="background-color: rgba(255, 255, 255, 0.8); position: fixed; right: 1rem; bottom: 0; width: 40px; height: 40px; z-index: 90;">
<svg style="position: absolute; width: 30px; height: 30px; top: 6px; left: 5px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129"><path d="M121.4 61.6l-54-54c-.7-.7-1.8-1.2-2.9-1.2s-2.2.5-2.9 1.2l-54 54c-1.6 1.6-1.6 4.2 0 5.8.8.8 1.8 1.2 2.9 1.2s2.1-.4 2.9-1.2l47-47v98.1c0 2.3 1.8 4.1 4.1 4.1s4.1-1.8 4.1-4.1V20.4l47 47c1.6 1.6 4.2 1.6 5.8 0s1.5-4.2 0-5.8z"/></svg>
</a>
<a class="open-mobile-menu box is-hidden-tablet" style="background-color: rgba(255, 255, 255, 0.8); position: fixed; top: 1rem; left: 1rem; width: 40px; height: 40px; z-index: 90;">
<svg style="position: absolute; top: 8px; left: 8px; width: 25px; height: 25px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M0 3h50v2H0zM0 17h50v2H0zM0 31h50v2H0zM0 45h50v2H0z"/></svg>
</a>
<aside class="menu mobile-menu is-hidden is-size-4" style="background-color: whitesmoke; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100;">
<a class="close-mobile-menu box" style="position: absolute; width: 40px; height: 40px; top: 1rem; right: 1rem;">
<svg style="position: absolute; top: 8px; left: 8px; width: 25px; height: 25px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="#1D1D1B" d="M28.941 31.786L.613 60.114a2.014 2.014 0 1 0 2.848 2.849l28.541-28.541 28.541 28.541c.394.394.909.59 1.424.59a2.014 2.014 0 0 0 1.424-3.439L35.064 31.786 63.41 3.438A2.014 2.014 0 1 0 60.562.589L32.003 29.15 3.441.59A2.015 2.015 0 0 0 .593 3.439l28.348 28.347z"/></svg>
</a>
<ul class="menu-list">
<li><a href="#our-story">Our story</a></li>
<li><a href="#details">Details</a></li>
<li><a href="#things-to-do">Things to do in Rochester</a></li>
<li><a href="#registry">Registry</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
</aside>
<section class="hero is-fullheight">
<div class="hero-body" style="">
<div class="container">
<h1 class="title has-text-white is-size-1">Brett & Kate</h1>
<h2 class="subtitle has-text-white is-size-5">are getting married!</h2>
</div>
</div>
<div class="hero-foot is-hidden-mobile">
<nav class="tabs is-uppercase">
<div class="container">
<ul>
<li><a href="#our-story">Our story</a></li>
<li><a href="#details">Details</a></li>
<li><a href="#things-to-do">Things to do in Rochester</a></li>
<li><a href="#registry">Registry</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
</div>
</nav>
</div>
</section>
<section id="our-story" class="section" style="background-color: whitesmoke;">
<div class="container" style="max-width: 800px">
<div class="content">
<h1 class="title">Our story</h1>
<p>
Kate and Brett met while working together in New York City sometime in 2013.
Credit goes to their mutual friends Susie (Brett’s PM) and Anthony (Kate’s designer) for convincing Brett to interview for a job and eventually join Kate & Anthony.
The rest was a rom-com worthy story of two people who everyone else knew would wind up together, but had to figure that out for themselves.
A few months later, we finally realized what everyone else saw from the beginning-- now we invite you to celebrate our wedding!
</p>
</div>
</div>
</section>
<section id="details" class="section">
<div class="container" style="max-width: 800px">
<div class="content">
<h1 class="title">Ceremony & Reception</h1>
<h2 class="title is-size-4">Welcome drinks</h2>
<p>
<strong>September 7th, 7-9pm</strong></br>
<a href="https://goo.gl/maps/YByjP26hj7k" target="_blank">Rohrbach Railroad Street Beer Hall</a></br>
97 Railroad St,</br>
Rochester, NY 14609
</p>
<h2 class="title is-size-4">Ceremony & Reception</h2>
<p>
<strong>September 8th, 5pm</strong></br>
<a href="https://goo.gl/maps/2Z7YrGWC5Ds" target="_blank">Inn on Broadway</a></br>
29 Broadway,</br>
Rochester NY
</p>
<p>
Dinner and dancing to follow
</p>
<p>
<strong>Attire:</strong> Black Tie Optional
</p>
<h2 class="title is-size-4">Accomodations</h2>
<a class="is-size-5" href="http://www.innonbroadway.com/" target="_blank">The Inn on Broadway</a>
<p>
We have a room block reserved with a 10% discount on the room rates.
</p>
<p>
To reserve a room, call the Inn at 877.612.3595 and mention the Zasada-Langdon wedding.
</p>
<a class="is-size-5" href="http://www.airbnb.com/c/kzasada" target="_blank">AirBnB</a>
<p>
There are many private accomodations available in Rochester through AirBnB which are reasonably priced and great for groups!
</p>
<p>
We love the Park Aveneue area for the restaurants, East Avenue & Monroe Village are great as well.
</p>
</div>
</div>
</section>
<section id="things-to-do" class="section" style="background-color: whitesmoke">
<div class="container" style="max-width: 800px">
<div class="content">
<h1 class="title">Things to do in Rochester</h1>
<h2 class="title is-size-4"><a href="http://www.geneseebeer.com/brewhouse/" target="_blank">Genesee Brewhouse</a></h2>
<p>
<a href="https://goo.gl/maps/Tk8qTACquKD2" target="_blank">
25 Cataract St.</br>
Rochester, NY, 14605
</a>
</p>
<p>
The Genesee Brewhouse is a historic beer packaging center that has been renovated to include a taproom, restaurant and rooftop bar! Go here to taste some local beers with a view of the Genesee River & High Falls.
</p>
<h2 class="title is-size-4"><a href="https://eastman.org/" target="_blank">George Eastman House Museum</a></h2>
<p>
<a href="https://goo.gl/maps/45RFuS5GqpG2" target="_blank">
900 East Ave</br>
Rochester, NY 14607
</a>
</p>
<p>
The George Eastman House is the former estate of Kodak founder George Eastman, whose historic grounds now house collections in the fields of photography, cinema, and photographic and cinematographic technology, and photographically illustrated books. The institution is also a longtime leader in film preservation and photographic conservation.
</p>
</div>
</div>
</section>
<section id="registry" class="section">
<div class="container" style="max-width: 800px">
<div class="content">
<h1 class="title">Registry</h1>
<p>
The gift of your presence as we celebrate our marriage is truly all that we ask for!
</p>
<p>
If you want to get us something to warm our home, we’ve collected a few things that ship directly to us from a variety of stores in our <a href="https://www.zola.com/wedding/bkny/registry" target="_blank">Zola registry</a>.
</p>
<p>
If you want a gift shipped to you to bring to us, we have a few items in a <a href="https://www.macys.com/wgl/registry/guest/6738469" target="_blank">Macys registry</a>.
</p>
</div>
</div>
</section>
<section id="faq" class="section" style="background-color: whitesmoke">
<div class="container" style="max-width: 800px">
<div class="content">
<h1 class="title">FAQ</h1>
<dl>
<dt><h2>Is it true the ceremony is standing room only?</h2></dt>
<dd>There will be limited seating, but it will also be a short one (~15minutes).</dd>
<dt style="margin-top:1rem"><h2>What should I wear?</h2></dt>
<dd>
<p>The attire is black tie optional.</p>
<p>This means:</p>
<ul>
<li>A long dress</li>
<li>A formal cocktail-length dress</li>
<li>A tuxedo or dressy suit</li>
</ul>
<p>
Kate loves Rent the Runway for formal events, use code $discount for a discount on your rental!
</p>
<p>
Need some ideas on formal, black tie optional? Check the <a href="http://www.cosmopolitan.com/uk/fashion/style/how-to/a35660/what-different-dress-codes-actually-mean-wedding-black-tie/" target="_blank">Cosmo guide for women</a> or the <a href="https://www.gq.com/story/what-to-wear-to-a-summer-wedding-dress-codes" target="_blank">GQ guide for men</a>.
</p>
</dd>
<dt style="margin-top:1rem"><h2>How do I get to Rochester?</h2></dt>
<dd>
<p><strong>Flying</strong></p>
<p>The hotel is a 15 minute drive from <a href="https://goo.gl/maps/B7ui5oQZ5zk" target="_blank">Rochester International Airport</a>, which is served by all of the major airlines.</p>
<p>If you choose to fly, you probably don't need to rent a car as Uber and Lyft are all over Rochester, with a ride from the airport to the ceremony location costing under $20. The ceremony & reception are all conveniently located at a hotel, where you can stay with a 10% discount if you call and give our names. Everything we’re looking at for after parties is walking distance from the venue, so even if you choose to take a cab it will be a short trip and we’ve set up an event code with Lyft to give you $10 off each ride during the weekend!</p>
<p><strong>Driving</strong></p>
<p>If you're driving to Rochester, The Inn on Broadway has complimentary valet parking available during the entire weekend.</p>
<p><strong>Amtrack</strong></p>
<p>
The <a href="https://goo.gl/maps/QygNv7fDb1C2" target="_blank">Rochester Amtrack Station</a> is only a 5 minute drive or taxi ride from the hotel.
</p>
</dd>
<dt style="margin-top:1rem"><h2>I can't make it, sorry!?</h2></dt>
<dd>No worries! We realize life happens. Please let us know in advance.</dd>
<dt style="margin-top:1rem"><h2>Other questions?</h2></dt>
<dd>
<p>Feel free to contact us via...</p>
<ul>
<li>Email: me@brett.is ; kzasada@gmail.com</li>
<li>Phone: +1 (860) 488 0854</li>
</ul>
</dd>
</dl>
</div>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="js/main.js"></script>
</body>
</div>
</section>
<script>
document.addEventListener('click', function (evt) {
if (evt.target.closest('.mobile-menu a')) {
document.querySelector('.mobile-menu').classList.add('is-hidden');
} else if (evt.target.closest('.jump-to-top')) {
window.scrollTo(0, 0);
} else if(evt.target.closest('.open-mobile-menu')) {
document.querySelector('.mobile-menu').classList.remove('is-hidden');
}
});
document.addEventListener('scroll', function () {
var jumpToTop = document.querySelector('.jump-to-top');
var hero = document.querySelector('.hero');
if (window.pageYOffset > (hero.clientHeight / 2)) {
jumpToTop.classList.remove('is-hidden');
} else {
jumpToTop.classList.add('is-hidden');
}
var sections = document.querySelectorAll('.section[id]');
var lowest = null;
for (var i = 0; i < sections.length; i++) {
if (window.pageYOffset >= sections[i].offsetTop) {
lowest = sections[i];
}
}
var currentActive = document.querySelector('.tabs .is-active a');
if (lowest === null) {
if (currentActive) {
if (window.history) {
window.history.replaceState({}, "", '/');
}
currentActive.parentNode.classList.remove('is-active');
}
} else {
if (currentActive && currentActive.attributes.href.value !== '#' + lowest.id) {
currentActive.parentNode.classList.remove('is-active');
}
var active = document.querySelector('.tabs a[href="#' + lowest.id + '"]');
if (active) {
if (window.history) {
window.history.replaceState({}, "", '/#' + lowest.id);
}
active.parentNode.classList.add('is-active');
}
}
});
</script>
</body>
</html>

Write Preview
Loading…
Cancel
Save