Happy new year

<html>

<head>

<title>Happy New Year 2020 Script</title>

<style>

i {

color:#f06414;

}

input[type=name], select {

width: 100%;

padding: 12px 20px;

4px 0;

display: inline-block;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

}

.footerbtn {

display: block;

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%;

10px;

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); }}

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

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

.bubbles {

arial;

}

.bubbles hi {

'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 u rl(https://lh6.googleusercontent.com/proxy/YfzDH9rGEX2_6c0-ipAee-UwIRD6yJ2S-9zgBkCvqKQxaNYcbJ399-QVTehEPWRHJ-iB2IRCLJ-HGPW_wv9fmo8T2WG1qQ=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%;

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); }}

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: 35px;

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;

1px;

color: #ffffff;

aanimation: fuck infinite 1s;

'Indie Flower', cursive;

letter-spacing: 2px;

* {box-sizing: border-box;}

body { Verdana, sans-serif;}

.mySlides {display: none;}

img {vertical-align: middle;}

/* TECHNOVEDANT.in */

.TECHNOVEDANT-slideshow-container {

max-width: 1000px;

position: relative;

auto;

}

/* TECHNOVEDANT.In */

.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;

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>

<style>

body{

background: #fff11c;

}

.mainContainer {

max-width: 400px;

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);

65px;

}

.Technovedantncontainer {

padding-right: 30px;

padding-left: 30px;

padding-top: 2px;

}

.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;

'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;

50px;

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

}

.wishMessage p{

0.5em 0;

}

#formBox {

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

}

#nameTextBox {

border: 3px solid #000000;text-align: center;display: inline-block;width: 80%;color: black;font-size:16px; 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;

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;

2% 5%;

}

.footerbtn img {

position: relative;top:3px;

}

#inAdvance {

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

}

#demoo {

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

}

#inAdvanceTime {

20px 0 30px 0;

}

#inAdvanceTime p{

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

}

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

.TechnoVedant-main-greeting {

max-width: 400px;

auto;

text-align: center;

position: relative;

padding: 0px;

background:#000;

background: u rl("https://1.bp.blogspot.com/-jR3IX5RF7os/XekPCqQhUyI/AAAAAAAADJs/-2D2QPBmVpEqG-PufADju9MxKBT0RnW7gCLcBGAsYHQ/s320/RedRose.jpg");

background-position: center;

background-repeat: no-repeat;

background-size: cover;

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

35px

}

.TechnoVedant-main-greeting .main_body {

text-align: center;

font-size: 1.3em

}

.TechnoVedant-main-greeting .main_body .text2 {

padding: 10px;

font-size: 20px

}

.TechnoVedant-main-greeting .text {

color: #405d9b;

letter-spacing: 1px;

font-weight: 600;

padding: 0px 10px;

text-align: center;

}

.TechnoVedant-main-greeting .pp-img {

max-width: 400px;

10px;

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

}

.TechnoVedant-main-greeting .text_gradient {

5px auto;

font-weight: 700;

font-size: 24px;

color: #b50dae;

}

</style>

</head>

</marquee>

</marquee>

</center>

</font></div>

</div>

</font></div>

</center>

<center><span style="color: #ffffff;">▁ ▂ ▄ ▅ नव वर्ष की हार्दिक शुभकामनायें ▅ ▄ ▂ ▁</center><br>

</center>

<br>

Song को ज़रूर Play करें

</b></marquee>

</div>

Happy New Year

</b></marquee>

</div>

</div><br>

Your browser does not support the audio element.

</audio>

</br>

</br>

</center>

</br>

<h3><span><font color="white">Wave a goodbye to the old and embrace </font></span><br>

<span><font color="white">dream and ambition.</font></span><br>

<font color="white">Wishing you a happy new year full of happiness!</font></span>

</h3>

</center>

</br>

</br>

</center>

</br>

<h3><span><font color="white">I hope your life will be full of surprise and joy in the new year,</font></span>

<span><font color="white">that’s about to begin.</font></span><br>

<span><font color="white">May You be blessed with everything you want in life.</font></span><br>

<span><font color="white">But a wish can glow days forever, </font></span><br>

<font color="white">Happy New Year 2020.</font></span>

</h3>

</center>

</br>

</div>

</div>

</div>

<br>

Dance Ke liye Video Play Kare

</b></marquee>

</div>

<br>

<br>

</div>

var slideIndex = 0;

showSlides();

function showSlides() {

var i;

var slides = document.getElementsByClassName("TECHNOVEDANTSlides");

var dots = document.getElementsByClassName("TECHNOVEDANTdot");

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

slides[i].style.display = "none";

}

slideIndex++;

if (slideIndex > slides.length) {slideIndex = 1}

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

dots[i].className = dots[i].className.replace(" active", "");

}

slides[slideIndex-1].style.display = "block";

dots[slideIndex-1].className += " active";

setTimeout(showSlides, 4000); // Change image every 4 seconds

}

</script>

Click

</div>

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

</a>

</div>

</body>

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("#TECHNOVEDANT-show-name").innerHTML = name;

document.querySelector("#TECHNOVEDANT-fromMessage").innerHTML= "Wishing You"

} else {

}

};

checkName();

var createGreeting=function(){

// ga('send', {

// hitType: 'event',

// eventCategory: 'interaction',

// eventAction: 'click',

// eventLabel: 'goButtonClicked'

// });

gtag('event', 'click', {

'event_category': 'interaction',

'event_label': 'goButtonClicked',

});

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("#TECHNOVEDANT-show-name").innerHTML = sname;

document.querySelector("#TECHNOVEDANT-fromMessage").innerHTML= "Click on the WhatsApp button to share with your friends";

window.scrollTo(0,0);

}else {

alert ("Please Type Your Name First");

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

}

var shareActionWA = function() {

gtag('event', 'click', {

'event_category': 'interaction',

'event_label': 'shareOnWhatsAppClicked',

});

var shareString = "";

var whatsappHref;

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

shareString +=" Send You Special Gift For You Click On Blue Line%0A👉"

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

whatsappHref = "whatsapp://send?text=" + shareString;

window.location.href = whatsappHref;

};

var countDownDate = new Date("Jan 01, 2020 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 = days + "days " + hours + "hr "+ minutes + "min " + seconds + "sec ";

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

if (distance < 0)

{

clearInterval(x);

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

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

}

}, 1000);

</script>

// Set the date we're counting down to

var countDownDate = new Date("Jan 01, 2020 00:00:00").getTime();

// Update the count down every 01 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);

// Display the result in the element with id="TECHNOVEDANT"

document.getElementById("TECHNOVEDANT").innerHTML = days + "<i> Days,</i> " + hours + " <i>Hrs,</i> "

+ minutes + "<i> Min,</i> " + seconds + "<i> Sec</i> ";

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

if (distance < 0) {

clearInterval(x);

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

}

}, 1000);

</script>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'UA--1');

// ga('create', 'UA--1');

// ga('require', 'linker');

// ga('send', 'pageview');

</script>

</html>