Everly — Free Couple’s Wedding Website Template
Everly is a free, one-page Bootstrap 5 wedding website built around a botanical bordeaux-and-eucalyptus palette and Cormorant Garamond type instead of the usual cream-and-serif cliché. It ships as a single self-contained page with a live countdown, story timeline and working RSVP form — no jQuery, no plugins, and every icon is inline SVG, so it deploys cleanly even on strict-CSP hosts.
Key features
- Live JavaScript countdown in the hero plus a sticky header chip
- Front-end RSVP form with attendance, guest count, menu, song request and thank-you state
- Alternating "Our Story" timeline that reflows to one rail on mobile
- Full-bleed romantic hero with script couple names, date and venue
- Ceremony & Reception detail cards with inline SVG icons
- Asymmetric gallery mosaic plus a six-person wedding-party grid
- Gift registry cards and a Travel & Stay hotel room-block section
- Scroll-spy nav, IntersectionObserver reveals, skip link and focus styles
- Full prefers-reduced-motion support; no jQuery or icon fonts
Best for
- Couples building their own wedding invitation site
- A single-page RSVP and details hub
- Designers wanting an editorial, non-cliché wedding look
- Deploying to static or strict-CSP hosts
- Personal or commercial wedding projects
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1
- Responsive: Yes
- Style: Romantic botanical editorial — bordeaux, champagne gold & eucalyptus
How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Everly really free to use?
Yes. Everly is free for both personal and commercial projects, so you can use it for your own wedding or a paying client. An attribution link back to uiCookies is appreciated but not required. There are no license fees, sign-ups or usage limits.
Do I need a build tool or coding skills to edit it?
No build step is required. Everly is plain HTML, CSS and vanilla JavaScript, so you edit index.html directly in any text editor and open it in a browser to preview. Swapping names, dates, photos and copy is a matter of changing text and image paths — no npm, bundler or framework knowledge needed.
How do I make the RSVP form actually collect replies?
The form is intentionally front-end only, so on its own it validates input and shows a thank-you state but does not store anything. Point its form action at your own endpoint or a form service such as Formspree, Basin or Netlify Forms and the built-in validation and thank-you state keep working. It handles attendance choice, guest count, menu preference, song request and a note field.
How do I change the wedding date and countdown?
Edit the data-date attribute on the #countdown element in index.html using ISO format, for example 2026-09-26T16:00:00. Both the hero counter and the header "days to go" chip update from that single value, so you only change it in one place. The countdown is pure JavaScript with no external library.
Can I change the colours and fonts?
Yes. The bordeaux, champagne gold and eucalyptus palette is defined as CSS custom properties, so recolouring the whole template is a matter of editing a few variables at the top of the stylesheet. Typography uses Cormorant Garamond, which you can swap for another font by updating the font references. No preprocessor or recompile is needed.
Is it responsive and mobile-friendly?
Yes. Everly is built on Bootstrap 5 and is fully responsive across phones, tablets and desktops. The alternating "Our Story" timeline reflows to a single rail on mobile, and the gallery mosaic and wedding-party grid adapt to smaller screens. It works in all current versions of Chrome, Firefox, Safari and Edge.
Does it depend on jQuery or icon fonts?
No. All behaviour is vanilla JavaScript in js/main.js, with no jQuery or plugin dependencies. Every icon is inline SVG rather than an icon font, so there are no external script or font requests and the template deploys cleanly on strict-CSP static hosts.
What sections are included?
Everly is a single self-contained page with a hero, live countdown, alternating "Our Story" timeline, Ceremony & Reception detail cards, an asymmetric photo gallery, a six-person wedding-party grid, a gift-registry section and a Travel & Stay area with venue and hotel room-block cards. It is a static front-end, so it does not process payments or handle registry transactions — link those out to your registry and hotel providers.
