Diwali Wishes 2024 Script in HTML
दीवाली के ख़ास मौके पर अपनों को इस ख़ास अंदाज में करें विश, ख़ुशी से खिल उठेगा उनका चेहरा !
दिवाली विशिंग स्क्रिप्ट क्या है?
दोस्तों, जैसा कि आप सभी दिवाली के महत्व को जानते हैं, ऐसे में यदि आप इस दिवाली के लिए एक विशिंग वेबसाइट बनाते हैं और आप इसे इंटरनेट पर वायरल करके अच्छी मात्रा में ट्रैफ़िक उत्पन्न कर सकते हैं, तो आप आसानी से अच्छी ऑनलाइन कमाई कर सकते हैं। और आपको दिवाली विशिंग स्क्रिप्ट की आवश्यकता है।
दिवाली विशिंग स्क्रिप्ट HTML कोड और इमेज का एक संग्रह है, जिसे आप अपने ब्लॉगर और वर्डप्रेस वेबसाइट में जोड़ सकते हैं। लेकिन बिना किसी कोडिंग ज्ञान के स्क्रिप्ट बनाना मुश्किल है, इसीलिए हमने आपके लिए एक रेडीमेड विशिंग स्क्रिप्ट बनाई है । आपको बस कुछ स्टेप्स फॉलो करने की जरूरत है और आप सिर्फ 15 मिनट में अपनी खुद की विशिंग वेबसाइट बना सकते हैं।
इसलिए आज हम आपके लिए एडवांस्ड विशिंग स्क्रिप्ट लेकर आए हैं, जिसमें आपको सोशल शेयर बटन, PNG और GIF इमेज जैसी सभी चीजें मिलती हैं, जो विशिंग स्क्रिप्ट को बेहतर लुक देती हैं। और यही एकमात्र कारण है, कि आप इसे वायरल कर सकते हैं!!!
|
नीचे दिए गए कोड को कॉपी करके
अपने ब्लॉगर की थीम में पेस्ट करें - |
|
<!DOCTYPE html> <html> <head><meta name="viewport"
content="width=1024"> <style> body /* https://freecodez.com */ * { margin:
0; padding:
0; box-sizing:
border-box; } body { position:
relative; background:
#000; color:
#fff; width:
100%; height:
100vh; overflow:
hidden; } .container { position:
absolute; top:
0; width:
100%; height:
100%; display:
flex; justify-content:
center; align-items:
center; flex-direction:
column; } .diya { width:
25vw; min-width:
200px; } .diyas { width:
100%; display:
flex; justify-content:
center; gap:
10px; } .diyas img { width:
10vw; min-width:
100px; } h1 { position:
relative; font-family:
sans-serif; text-transform:
uppercase; font-size:
2.5em; letter-spacing:
4px; overflow:
hidden; background:
linear-gradient(90deg, #000, #ff0000, #ff8400, #000); background-repeat:
no-repeat; background-size:
150%; animation:
animate 10s linear infinite; -webkit-background-clip:
text; background-clip:
text; -webkit-text-fill-color:
rgba(255, 255, 255, 0); margin-top:
20px; } @keyframes animate { 0%
{ background-position:
250%; } 100%
{ background-position:
-250%; } } .diyasx { position:
fixed; top:
-1vh; font-size:
2rem; transform:
translateY(0); animation:
fall 3s linear forwards; z-index:
-1; } @keyframes fall { to
{ transform:
translateY(105vh); } } </style> </head> <body><!-- https://freecodez.com --> <canvas
id="canvas"></canvas> <div class="container"
id="main"> <h1>अपने बिज़नेस का नाम यहाँ लिखें</h1> <h1>Mo. +91-9999999999</h1> <div
class="diya">
<img
src="https://i.giphy.com/FYzbD183G4xrxbl1DN.webp"
alt="image"
width="100%"
/>
</div>
<h1>Happy Diwali 2024</h1> <h2
align= "center">
<p>लक्ष्मी जी विराजे आपके द्वार,</p> <p>सोने चांदी से भर जाये आपका घर बार !</p> <p>जीवन में आये खुशियाँ अपार,</p> <p>शुभकामना करो हमारी ये स्वीकार !!</p>
</h2> </div> </body> </html> <script
type="text/javascript"> atOptions = { 'key' :
'b68dc05a78068b3dfaa09bb049fa4028', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; </script> <script
type="text/javascript"
src="//www.topcpmcreativeformat.com/b68dc05a78068b3dfaa09bb049fa4028/invoke.js"></script> |
Reviewed by Parmod Suthar
on
अक्टूबर 18, 2024
Rating:
कोई टिप्पणी नहीं: