मदद / Help

निमंत्रण कैसे बनाएँ?

टेम्पलेट चुनें — होम पेज पर अवसर (शादी, जन्मदिन, गृह प्रवेश…) चुनिए और पसंद के डिज़ाइन पर “इसे चुनें” दबाइए।
विवरण भरिए — नाम, परिवार, तारीख़, समय, स्थान और फ़ोन नंबर डालिए। दाईं ओर लाइव झलक तुरंत बदलती रहती है।
सहेजें — “सहेजें” बटन दबाते ही नीचे डाउनलोड बटन दिखने लगेगा।
डाउनलोड करें — “HTML फ़ाइल डाउनलोड करें” दबाइए। एक ही .html फ़ाइल मिलेगी जिसमें डिज़ाइन, फ़ोटो और संगीत — सब अंदर ही है।

फ़ाइल कैसे भेजें?

WhatsApp: चैट खोलिए → 📎 → Document → डाउनलोड की गई .html फ़ाइल चुनिए। सामने वाला टैप करके ब्राउज़र में खोल सकता है।
लिंक के रूप में: फ़ाइल को अपनी होस्टिंग पर अपलोड कीजिए (जैसे public_html/shaadi/index.html) और लिंक भेजिए — यह सबसे आसान तरीक़ा है।
ईमेल / पेन ड्राइव: फ़ाइल सीधे अटैच कर दीजिए।

संगीत के बारे में

साइट पर दिए गए सभी ट्रैक इसी साइट के लिए बनाए गए हैं, इसलिए इन्हें भेजने पर कोई कॉपीराइट दिक्कत नहीं। अपनी ऑडियो फ़ाइल भी जोड़ सकते हैं — पर फ़िल्मी गाने बिना अनुमति के न डालें। ब्राउज़र के नियम के कारण संगीत तभी बजता है जब खोलने वाला कार्ड पर एक बार टैप करे।

फ़ाइल का आकार

फ़ोटो और संगीत फ़ाइल के अंदर ही सहेजे जाते हैं। WhatsApp पर आसानी से भेजने के लिए ३–४ फ़ोटो तक रखिए, या “बिना संगीत डाउनलोड करें” चुनिए।

मेरा डेटा कहाँ जाता है?

कहीं नहीं। सब कुछ आपके ब्राउज़र में ही बनता और सहेजा जाता है। ब्राउज़र का डेटा साफ़ करने पर ड्राफ़्ट मिट सकते हैं, इसलिए ज़रूरी काम का बैकअप (JSON) सहेज लीजिए।

स्क्रॉल पर एनिमेशन

“एनिमेशन” सेक्शन में स्क्रॉल पर आने का अंदाज़ चुनिए — नीचे से ऊपर उठना, ज़ूम, पन्ना पलटना (3D), बारी-बारी दाएँ-बाएँ, धुंध से साफ़, परदा खुलना, कार्ड खुलना, झूलना, या कुछ नहीं। कुल 10 अंदाज़।

ऊपर-नीचे दोनों तरफ़ — चालू रखने पर वापस ऊपर स्क्रॉल करने पर भी एनिमेशन दोबारा चलता है।
एक-एक करके पंक्तियाँ — कार्ड के अंदर की लाइनें क्रम से आती हैं।
पैरालैक्स — पहली स्क्रीन पर नाम और फ़ोटो अलग-अलग रफ़्तार से चलते हैं, जिससे गहराई लगती है।
प्रगति-पट्टी और “ऊपर जाएँ” बटन अलग से चालू/बंद किए जा सकते हैं।
कार्यक्रम की लकीर और फ़ोटो गैलरी अपने आप एक-एक करके खुलती हैं।
जिन मेहमानों के फ़ोन में “कम एनिमेशन (Reduce Motion)” चालू है, उनके लिए ये अपने आप बंद हो जाते हैं।

पूरी स्क्रीन पर जाँचने के लिए झलक के ऊपर “नई टैब में खोलें” दबाइए।

अपने रंग चुनना

“डिज़ाइन और रंग” में 22 तैयार जोड़ियों के अलावा अपने रंग इस्तेमाल करें चुनिए। पृष्ठभूमि गहरी या हल्की, फिर तीन रंग — पृष्ठभूमि, मुख्य (सुनहरा) और लिखाई। बाक़ी रंग अपने आप बन जाते हैं और साइट बताती है कि लिखाई पढ़ने लायक़ है या नहीं।

🎲 — एक क्लिक में नई रंग-जोड़ी।
🖼️ फ़ोटो से रंग लें — आपकी मुख्य फ़ोटो से रंग उठाकर पूरा थीम बना देता है।

मेहमानों की सूची और व्यक्तिगत लिंक

पहले “शेयर, QR और सुरक्षा” में निमंत्रण का वेब पता भरिए (अपलोड करने के बाद वाला लिंक)।
“मेहमानों की सूची” में नाम जोड़िए — एक-एक करके या “नाम चिपकाएँ” से एक साथ।
हर मेहमान के सामने 🔗 लिंक कॉपी और 💬 WhatsApp पर भेजें मिलेगा। उस लिंक से खुलने पर निमंत्रण के ऊपर “प्रिय <नाम> जी” दिखता है।
CSV डाउनलोड से पूरी सूची (नाम, फ़ोन, लिंक, संदेश) Excel में खुल जाती है।

सूची सिर्फ़ आपके ब्राउज़र में रहती है और डाउनलोड की गई निमंत्रण फ़ाइल में नहीं जाती।

RSVP फ़ॉर्म

“शेयर, QR और सुरक्षा” में RSVP चालू कीजिए और अपना WhatsApp नंबर डालिए। मेहमान निमंत्रण में ही हाँ/ना, कितने लोग और संदेश भरेगा, और “WhatsApp से भेजें” दबाते ही तैयार संदेश आपके नंबर पर आ जाएगा। कोई सर्वर या डेटाबेस नहीं चाहिए।

QR कोड और शगुन (UPI)

निमंत्रण का QR — वेब पता भरते ही बन जाता है; SVG में डाउनलोड करके छपे कार्ड, बैनर या गेट पर लगाइए।
UPI शगुन — “और जानकारी → शगुन / उपहार” में अपनी UPI ID डालिए। निमंत्रण में “UPI ऐप से शगुन भेजें” बटन और चाहें तो QR कोड भी आ जाएगा।

और क्या-क्या जोड़ सकते हैं?

हमारी कहानी — तारीख़, शीर्षक, विवरण और फ़ोटो के साथ पड़ाव।
परिवार — वर पक्ष / वधू पक्ष के नाम आमने-सामने।
पहनावा — ड्रेस कोड और थीम के रंग (गोल रंग-बिंदु)।
आने-ठहरने की जानकारी — होटल, रास्ता, पार्किंग।
लाइव स्ट्रीम — YouTube / Zoom / Meet का लिंक।
वीडियो — YouTube वीडियो, जो टैप करने पर ही लोड होता है।
हैशटैग — कॉपी बटन के साथ।
सवाल-जवाब — खुलने-बंद होने वाले सवाल।
शेयर बटन — WhatsApp, Telegram, Facebook, ईमेल, लिंक कॉपी और प्रिंट/PDF।
फ़ोटो गैलरी — टैप करने पर पूरी स्क्रीन, स्वाइप से अगली-पिछली।
पासवर्ड — निमंत्रण को हल्के पासवर्ड से बंद कीजिए (यह पूरी सुरक्षा नहीं है — तकनीकी जानकार इसे खोल सकता है)।

इस वेबसाइट को Hostinger पर कैसे डालें?

hPanel → File Manager खोलिए और public_html में जाइए।
पूरा nimantran फ़ोल्डर (या उसकी ZIP) अपलोड कीजिए और ZIP को Extract कर दीजिए।
ध्यान रखिए कि index.html, editor.html और assets/ एक ही जगह रहें।
अपनी वेबसाइट खोलिए — बस, साइट चालू है। कोई डेटाबेस या PHP नहीं चाहिए।

How to create an invitation

Pick a template — choose the occasion on the home page and press “Use this”.
Fill in the details — names, family, date, time, venue and phone numbers. The live preview updates as you type.
Save — press “Save”; the download button appears right after.
Download — you get one .html file containing the design, photos and music.

Sharing

WhatsApp: 📎 → Document → pick the .html file.
As a link: upload the file to your hosting (for example public_html/wedding/index.html) and share the URL.
Email / USB: attach the file directly.

Music

All built-in tracks were produced for this site, so sharing them raises no copyright issue. You can upload your own audio, but do not add film songs without permission. Browsers only start audio after the guest taps the card once.

File size

Photos and music are embedded in the file. Keep 3–4 photos for easy WhatsApp sharing, or use “Download without music”.

Privacy

Nothing is uploaded. Everything is built and stored in your browser. Clearing browser data removes drafts, so keep a JSON backup.

Scroll animation

In the Animation section choose a scroll reveal style: rise up, zoom, 3D page flip, alternate left/right, blur to sharp, curtain wipe, unfold, gentle swing — or none. Ten styles in all.

Animate again when scrolling back up — sections replay as you scroll upward too.
Line-by-line reveal inside each card.
Parallax on the opening screen for a sense of depth.
Progress bar and back-to-top button can be switched on or off.
The schedule line draws itself and gallery photos cascade in.
Guests who enable “reduce motion” on their phone see a calm, static version automatically.

Use “Open in new tab” above the preview to check it full screen.

Your own colours

Besides the 22 ready palettes, tick Use my own colours. Pick dark or light, then background, accent and text colours — the rest is derived automatically and the editor warns you if the text stops being readable. 🎲 gives a random pairing, and 🖼️ Pick colours from my photo builds a theme from your cover photo.

Guest list & personal links

Enter the invitation web address in Share, QR & privacy.
Add names in Guest list — one at a time or by pasting many at once.
Each guest gets 🔗 Copy link and 💬 Send on WhatsApp. Opening that link greets them by name at the top of the invitation.
Download CSV exports name, phone, link and message for Excel.

The list stays in your browser and is never included in the downloaded invitation.

RSVP form

Turn on RSVP and add your WhatsApp number. Guests answer yes/no, how many people and a message; pressing “Send on WhatsApp” delivers a ready-made message to you. No server or database required.

QR code & UPI shagun

Invitation QR — generated from the web address; download it as SVG for printed cards, banners or the entrance.
UPI shagun — add your UPI ID under “More details → Gifts & shagun” to show a pay button and an optional QR code.

Other sections you can add

Our story timeline, families side by side, dress code with colour dots, travel & stay, live stream, YouTube video (loads only on tap), hashtag with copy button, FAQ, share buttons, full-screen photo gallery with swipe, and a light password lock (convenient privacy, not real security).

Publishing on Hostinger

hPanel → File Manager → open public_html.
Upload the nimantran folder (or its ZIP) and extract it.
Keep index.html, editor.html and assets/ together.
Open your domain — the site is live. No database or PHP needed.