https://github.com/tynab/yami-buzzy
Wedding Card
https://github.com/tynab/yami-buzzy
bat css html javascript js love-journey love-story thu-buzzy tynab wedding wedding-card wedding-card-website wedding-invitation wedding-invitation-card wedding-invitation-website wedding-page wedding-website yami-an yami-buzzy yan
Last synced: 13 days ago
JSON representation
Wedding Card
- Host: GitHub
- URL: https://github.com/tynab/yami-buzzy
- Owner: Tynab
- Created: 2025-01-14T17:39:56.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-17T18:43:58.000Z (about 1 month ago)
- Last Synced: 2025-04-12T12:13:24.329Z (17 days ago)
- Topics: bat, css, html, javascript, js, love-journey, love-story, thu-buzzy, tynab, wedding, wedding-card, wedding-card-website, wedding-invitation, wedding-invitation-card, wedding-invitation-website, wedding-page, wedding-website, yami-an, yami-buzzy, yan
- Language: CSS
- Homepage: https://tynab.github.io/Yami-Buzzy/
- Size: 227 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: ReadMe.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# WEDDING INVITATION WEBSITE
## Overview
This project is a beautifully designed **Wedding Invitation Website** for the celebration of **An Yami & Thu Buzzy**. The website provides an interactive experience to invite guests, share the couple's story, and deliver key details about the event. It is crafted with modern web technologies, ensuring a delightful experience for all visitors.
---
## Features
1. **Welcome Modal**:
- Engages visitors with a warm welcome message and an option to play background music.
- Accessible with a "Start" button to enter the main site.
2. **Header Section**:
- Displays a countdown timer for the wedding.
- Provides easy access to contact, location, and gift details.
3. **About Us Section**:
- Showcases the Bride and Groom with their photos and a brief description of their personalities.
4. **Timeline Section**:
- Presents the couple's love story through key milestones, each with images and descriptions.
5. **Album**:
- A pre-wedding photo gallery powered by Swiper for smooth sliding and image previews via Fancybox.
6. **Video Gallery**:
- Features a curated video capturing special moments and the proposal.
7. **Dress Code**:
- Outlines the event timeline with visually engaging icons and text animations.
8. **Invitation Details**:
- Includes location, time, and contact information for the wedding venue.
9. **Gift Section**:
- Provides a QR code for sending gifts digitally.
10. **Thank You Section**:
- Expresses gratitude to guests for their presence and blessings.
11. **Background Audio**:
- Plays a romantic song with interactive controls.
---
## Technologies Used
- **HTML5 & CSS3**: Structure and styling.
- **JavaScript**: Interactive features and animations.
- **UIkit**: Responsive layout and components.
- **Swiper.js**: Carousel for photo albums.
- **Fancybox**: Gallery lightbox integration.
- **AOS.js**: Smooth scroll animations.
- **LazyLoad**: Optimized image loading.
- **ScrollReveal**: Smooth content reveal on scroll.
---
## Credits
- **Icons**: Remixicon and FontAwesome.
- **Libraries**: Swiper.js, Fancybox, AOS.js, and UIkit.
- **Inspiration**: Special thanks to the creativity of **[nguyenminhdat](https://github.com/nguyenminhdat)**.