India's Most Trusted Matrimonial Platform β AI-powered matchmaking for your perfect union.
- β¨ Overview
- πΌοΈ Screenshots
- π Live Demo
- π Features
- π Pages
- π Membership Plans
- π οΈ Tech Stack
- π Project Structure
- βοΈ Getting Started
- π± Responsive Design
- π¨βπ» Author
- Β©οΈ Copyright & License
VivaahSetu (ΰ€΅ΰ€Ώΰ€΅ΰ€Ύΰ€Ή ΰ€Έΰ₯ΰ€€ΰ₯ β Bridge of Marriage) is a modern, fully responsive matrimonial platform built for India's families. It combines elegant design with powerful features like AI-powered matchmaking, verified profiles, and privacy-first connections β all wrapped in a beautiful, culturally rich UI.
π‘ "VivaahSetu bridges the gap between two souls and their families β with trust, tradition, and technology."
| π Stat | Value |
|---|---|
| π Happy Couples | 50,000+ |
| π€ Verified Profiles | 5 Lakh+ |
| ποΈ Cities Covered | 200+ |
| π Platform | Web (Responsive) |
| π Since | 2015 |
Stunning hero with AI match highlights, animated trust strip, and smart search
Premium profile cards with AI match scores, verified badges, and instant connect
Real couple stories, testimonials, and wedding gallery
Free, Gold (βΉ999/mo), and Premium (βΉ1,999/mo) plans with full feature comparison
π Note: Replace the above images with actual screenshots of your project for best results. Recommended tool: screely.com for beautiful browser mockups.
π Click Here to View Live Demo π
Hosted on GitHub Pages β No installation required!
- Smart compatibility scoring based on religion, profession, education, language & city
- Real-time match percentage displayed on every profile card
- Advanced filter system with 6+ parameters
- 100% verified profiles with badge system
- Privacy-protected contact sharing
- ISO certified platform standards
- Aadhaar/document verification flow (UI)
- In-platform chat & messaging system (UI)
- HD video calling (Premium)
- Connection request management
- Dark mode toggle
- Smooth AOS scroll animations
- Swiper.js profile carousel
- Page loader with brand animation
- Scroll progress indicator
- Floating hearts hero animation
- Typing text effect
- Fully responsive across all devices
- Home with smart search & profile slider
- Detailed profile browsing with filters
- Success stories with video testimonials
- Tiered membership & pricing
- Multi-step registration form
- Login page
- Contact page with map & FAQ
- About page with team & milestones
| Page | File | Description |
|---|---|---|
| π Home | index.html |
Hero, smart search, profile slider, stats, how it works, testimonials |
| π€ About | about.html |
Mission, team, milestones, core values |
| π Browse Profiles | profiles.html |
Filterable profile grid with AI match scores |
| π Membership | membership.html |
Free / Gold / Premium plans with comparison table |
| π Success Stories | stories.html |
Couple stories, video testimonials, wedding gallery |
| π¬ Contact | contact.html |
Contact form, office location, FAQ section |
| π Login | login.html |
Sign in with email/phone + social login |
| π Register | register.html |
Multi-step profile creation form |
| Plan | Price | Highlights |
|---|---|---|
| π Free | βΉ0/forever | Create profile, browse 50 profiles/day, 10 connections |
| π₯ Gold | βΉ999/month | Unlimited browsing & connections, chat, AI match score, advanced filters |
| π Premium | βΉ1,999/month | All Gold + HD video calling, profile boost, priority search, diamond badge |
π° Save 25% on all paid plans with yearly billing!
| Technology | Purpose |
|---|---|
| HTML5 | Semantic page structure |
| CSS3 | Custom styling, animations, dark mode |
| JavaScript (Vanilla) | Interactivity, DOM manipulation, form logic |
| Bootstrap 5.3 | Responsive grid & UI components |
| Font Awesome 6.5 | Icon library |
| AOS (Animate on Scroll) | Scroll-triggered animations |
| Swiper.js 11 | Touch-friendly profile carousel |
| Google Fonts | Playfair Display & Poppins typefaces |
VivaahSetu/
β
βββ index.html # π Homepage
βββ about.html # βΉοΈ About Us
βββ profiles.html # π₯ Browse Profiles
βββ membership.html # π Pricing & Plans
βββ stories.html # π Success Stories
βββ contact.html # π¬ Contact Us
βββ login.html # π Login Page
βββ register.html # π Register Page
β
βββ css/
β βββ style.css # π¨ Main stylesheet (58KB)
β βββ responsive.css # π± Mobile responsive styles
β
βββ js/
βββ main.js # β‘ Main JavaScript logic
# Clone the repository
git clone https://github.com/shubhamnarware67-cmd/VivaahSetu.git
# Open in browser
cd VivaahSetu
open index.html# Clone the repo
git clone https://github.com/shubhamnarware67-cmd/VivaahSetu.git
cd VivaahSetu
# If you have VS Code, install the Live Server extension
# Then right-click index.html β "Open with Live Server"- Fork this repository
- Go to Settings β Pages
- Set source to
mainbranch, root folder - Your site will be live at
https://<your-username>.github.io/VivaahSetu
VivaahSetu is fully responsive and tested across all screen sizes:
| Device | Screen Size | Status |
|---|---|---|
| π± Mobile | 320px β 576px | β Fully Responsive |
| π² Large Mobile | 576px β 768px | β Fully Responsive |
| π» Tablet | 768px β 992px | β Fully Responsive |
| π₯οΈ Desktop | 992px β 1200px | β Fully Responsive |
| π₯οΈ Large Desktop | 1200px+ | β Fully Responsive |
Copyright Β© 2025 Shubham Narware. All Rights Reserved.
VivaahSetu β Matrimonial Platform
Designed & Developed by Shubham Narware
GitHub : https://github.com/shubhamnarware67-cmd
LinkedIn: https://www.linkedin.com/in/shubham-narware-5235a7298/
This project is licensed under the MIT License β you are free to use, modify, and distribute this project with proper attribution.
β οΈ Please give credit to the original author when using or showcasing this project.
Made with β€οΈ by Shubham Narware
If you found this project helpful, please give it a β on GitHub!
