Mr&Mrs is a free single-page wedding service website template built with Bootstrap 5, HTML5, and CSS3, designed to help wedding planners and related businesses launch a responsive site quickly.
What is Mr&Mrs?
Mr&Mrs is a free one-page HTML template from ThemeWagon, created by HTML Codex, for wedding service providers and similar event businesses. It takes demo content and images and produces a complete single-page website with sections like a hero carousel, timeline, gallery, RSVP form, and a detailed footer. The template runs on any web server because it is plain HTML/CSS/JS, using Bootstrap 5 as the grid and component framework. It ships as one HTML page with all demo images, JavaScript source files, and bundled libraries.
Key Features
- Bootstrap 5 framework — Built on Bootstrap 5 with HTML5 and CSS3, giving you a responsive grid, utility classes, and cross-browser compatibility out of the box.
- Single-page layout — All content lives in one HTML page with smooth scroll navigation; a sticky navigation bar and a burger menu handle mobile navigation.
- Hero header with carousel — The hero section includes a header carousel showcasing multiple images, plus a call-to-action button with a hover effect.
- Timeline and fun fact counters — A timeline section for presenting wedding milestones or event schedules, and animated counters for metrics like number of events or guests.
- Gallery with lightbox — An image gallery that uses the Lightbox plugin so visitors can view full-size photos with on-hover effects on thumbnails.
- RSVP form UI — A ready-made RSVP form interface for collecting guest responses, styled to match the template's design system.
- Geolocation via Google Map — An embedded Google Map placeholder shows the venue location; the Google Map library is included in the package.
- Sass-supported codebase — The CSS is generated from SCSS, so developers can customize variables and components without writing plain CSS.
- Included libraries and plugins — jQuery, Lightbox, FontAwesome icons, Google Fonts, and Google Map are bundled, so no extra setup is needed.
Who is it for?
- Wedding planners — Set up a polished one-page site that presents services, a portfolio gallery, and an RSVP form for client inquiries.
- Wedding photographers — Use the gallery and lightbox to display photo work and add a contact call-to-action to generate leads.
- Event venues — Embed a Google Map to show the location, add a timeline of packages, and use fun fact counters to highlight capacity or years in business.
- Developers and designers — Customize the Sass-based source files and reuse the component set for other event or business one-pagers, since the template is open source.
What can you do with Mr&Mrs?
- Wedding planners: Build a website that includes all the essential sections a couple needs — hero, services, timeline, gallery, RSVP, and contact — in a single download.
- Venue owners: Replace the demo content with your venue's info, map, and photos, and publish the single HTML file to any static host.
- Freelance designers: Use the template as a starting point for client projects; the Sass support and clean code make it easy to re-skin and extend.
Pricing
Mr&Mrs is free to download and use, including in commercial projects. The license also grants lifetime free updates, as confirmed on the ThemeWagon download page.
FAQ
Is Mr&Mrs free?
Yes, Mr&Mrs is completely free to download from ThemeWagon. You can use it for personal or commercial projects, and you get lifetime free updates.
What files are included in the download?
The download contains 1 HTML page, HTML and CSS files, all demo images, JavaScript source files, and the bundled libraries: Bootstrap 5, jQuery, Lightbox, FontAwesome, Google Fonts, and Google Map.
Does Mr&Mrs work on mobile devices?
Yes, the template is 100% responsive. It is compatible with Android, Chrome, Edge, Firefox, iPad, iPhone, Mobile, Opera, and Safari.
Who created Mr&Mrs?
Mr&Mrs was created by HTML Codex and is distributed for free through the ThemeWagon marketplace.
What frameworks does Mr&Mrs use?
The template is built with Bootstrap 5, jQuery, and Lightbox, and includes FontAwesome for icons, Google Fonts for typography, and Google Map for geolocation.