Skip to main content

Quick Start

Clone the repo, install dependencies, and have a working wedding website in under 5 minutes.

RSVP Setup

Connect your RSVP form to Google Sheets and receive email alerts for every guest response.

Customization

Personalize every section — your story, events, photos, venue, and more.

Deploy Free

Host your website completely free on GitHub Pages with no backend or database required.

What’s included

The Wedding Website template is a single-page HTML/SCSS/JavaScript website with everything you need to invite, inform, and RSVP your guests.

RSVP to Google Sheets

Guests submit their name, email, and party size. Responses go directly into a Google Sheet — no server required.

Add to Calendar

After RSVPing, guests can add the event to Google Calendar, Apple Calendar, Outlook, or Yahoo.

Google Maps venue

An embedded interactive Google Map shows guests exactly where the venue is located.

Book Uber

A deep-link button lets guests book an Uber to the venue with a single tap on mobile.

YouTube video

Embed a YouTube video that plays as a background showcase — great for a city or venue highlight.

Engagement photos

A lightbox photo gallery with smooth hover overlays shows off your engagement pictures.

Invite code protection

Protect your RSVP form with a numeric invite code — only guests with the code can submit.

Fully responsive

Looks great on desktop, tablet, and mobile with animated scroll waypoints and a hamburger nav.

Technology overview

LayerTechnology
MarkupHTML5
StylesSCSS (compiled via Gulp + gulp-sass)
ScriptsjQuery, Waypoints, FancyBox, FlexSlider
RSVP backendGoogle Apps Script → Google Sheets
MapsGoogle Maps JavaScript API
Calendarouical.js
Ride bookingUber deep-link URL scheme
Build toolGulp 4
HostingGitHub Pages (free)

Getting help

Project structure

Understand every file and folder in the repository.

FAQ

Answers to common questions about setup, RSVP, and deployment.

Build docs developers (and LLMs) love