Happy Krishna Jamastami Script | Technical Nepal

Demo :

Script :

<html>

<head>

<title>Shri Krishna Janmashtami 2019 Script</title>

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

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

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/AVvXsEijaTu83GSv4HRon238dXIb5LP3UG4R_-57r-0WeI83OgwQ2uFYQI_hYReSrJp5NPMpPC1ylJWMD0UFkYboBXmWtDvOdb6tFsGlI7qnRqSXNKTM-MorQ70sNwENxDre9h01cZuDtHyVmuoS_3YN5u1NuKI=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 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;

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

/* TECHNOVEDANT.in */

.TECHNOVEDANT-slideshow-container {

max-width: 1000px;

position: relative;

margin: 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;

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>

<style>

body{

background: #ffbbff;

}

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

}

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

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

.TechnoVedant-main-greeting {

max-width: 400px;

margin: auto;

text-align: center;

position: relative;

padding: 0px;

background:#000;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWPJm3l8wqM9fuC3x67ZZlP-9d1aY2vO7dU5JZi_OBPNYCSd9ndp-vZrN9eUlJRBT7Eh0kODlwW04zIDuOONsvlRqgExX-mGXhNUTtw0Y97s9WYxTKka8sZ-Gb7_lzPUNCv2lxbaojVSww/s1600/sky_effect.gif");

background-position: center;

background-repeat: no-repeat;

background-size: cover;

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

margin-bottom: 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;

margin-bottom: 10px;

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

}

.TechnoVedant-main-greeting .text_gradient {

margin: 5px auto;

font-weight: 700;

font-size: 24px;

color: #b50dae;

}

</style>

</head>

</marquee>

</marquee>

</center>

</font></div>

</div>

</font></div>

</center>

Adsense Code

</center>

<br>

</br>

</br>

<h3><span><font color="white">Gokul me hai jinka waas,</font></span><br>

<span><font color="white">Gopiyo sang jo karey raas,</font></span><br>

<span><font color="white">Devki-Yashoda jinki maiya,</font></span><br>

<font color="white">aise hamare kishan kanhaiya.</font></span>

</h3>

</center>

</br>

Adsense Code

</center>

</br>

</div>

</div>

</div>

<br>

<h3><span><font color="white">Shri Krishna janamastmi ki apko hardik badhai. </font></span><br>

<span><font color="white">Or haathi ghoda palki jai kanhaiya lal ki. </font></span><br>

<span><font color="white">Shri Krishan Bhagwan aapki har manokamana puri karein.</font></span><br>

<font color="white">Happy Janmashtami and Jay Shri Krishna.</font></span>

</h3>

</center>

</br>

Adsense Code

</center>

<br>

<br>

<h3><span><font color="white">Hota hai pyar kya duniya ko jisne bataya, </font></span><br>

<span><font color="white">Dil ke rishton ko jisne prem se sajaya, </font></span><br>

<span><font color="white">Aaj us pyar ke dewta ka Birthday hai.</font></span><br>

<font color="white">Happy Janmashtami.</font></span>

</h3>

</center>

</br>

<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, 2000); // Change image every 3 seconds

}

</script>

Click

</div>

<b style="font-size: 15px;position: relative;top: -3px;margin: 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 +=" has sent a special gift for you, click on the 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("Aug 24, 2019 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("Aug 24, 2019 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>

Laxman Nepal

Laxman Nepal is a multi-talented individual with expertise in computer teaching, blogging, video editing, and more. With years of experience in his field, Laxman has established himself as a reliable source of knowledge and insight. He is enthusiastic about sharing his expertise with the world, and his work has been recognized by various organizations. Through his informative blog posts and engaging videos, Laxman aims to inspire and educate his readers and viewers. Join me as we explore the world of technology and education with Laxman Nepal!

Translate

Happy Krishna Jamastami Script | Technical Nepal |

0 Response to "Happy Krishna Jamastami Script | Technical Nepal |"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2