Create Awesome Greeting Cards

<html>
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-
scale=1"/>
<meta name="google" value="notranslate">
<meta property="og:type" content="Make your own wonderful Wishing greeting
card" />
<meta property="og:title" content="Wishing You Happy RAKSHA BANDHAN 2018" />
<meta property="og:url"
content="https://happyrakshabandhanwiss.blogspot.com/" />
<meta property="og:Create free wishing and greeting Cards" content="CLICK HERE
"/>
<meta property="og:site_name" content="Create Awesome wisheing Card" />
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="icon" type="image/png" sizes="32x32"
href="https://vignette.wikia.nocookie.net/kcundercover/images/1/1f/Gold_star.png/re
vision/latest?cb=20160409132644">
<style>
/* Blue */
.info {
border-color: #2196F3;
color: dodgerblue
}
.info:hover {
background: #2196F3;
color: white;
}
.btn {
background-color: #2196F3;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 4px 2px;
cursor: pointer;
}
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;
}
.footerbtn1 {
display: block;
line-height: 15px;
position: fixed;
right:0px;
bottom:0px;
height:40px;
border-radius: 15px;
padding: 5px;
background:#000099;
color: #ffffff;
font-size: 18px;
text-align: center;
width:45%;
margin-right: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;
.footerbtn1 :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 {
}}
.footerbtn {
display: block;
line-height: 15px;
position: fixed;
left:0px;
bottom:0px;
height:40px;
border-radius: 15px;
padding: 5px;
background:#34af23;
color: #ffffff;
font-size: 18px;
text-align: center;
width:45%;
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 {
}
25% {
-webkit-transform: rotateZ(1.5deg)
}
50% {
-webkit-transform: rotateZ(0deg)
}
75% {
-webkit-transform: rotateZ(-1.5deg)
}
to {
}}
@-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); }
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(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}
@keyframes rock { 0% { transform: rotate(-1deg); }
50% { transform: rotate(2deg); }
100% { transform: rotate(-1deg); }}x); }
.rock{animation:infinite 1s rock}
100% { transform: rotate(-1deg); }}
.fuck{animation:infinite 1s fuck}
100% { transform: rotate(-2deg); }}
h2 {
font-size: 38px;
text-align: center;
color:#ff2323;
animation: rock infinite 1s;

font-family: 'Indie Flower', cursive;
letter-spacing: 2px;
}
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) {
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;
}
@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);
}
}
@-o-keyframes cssload-movement {
from {
-o-transform: scale(1.0) translateY(0px) rotateX(0deg);
}
to {
-o-transform: scale(1.5) translateY(-14px) rotateX(45deg);
}
}
@-ms-keyframes cssload-movement {
from {
-ms-transform: scale(1.0) translateY(0px) rotateX(0deg);
}
to {
-ms-transform: scale(1.5) translateY(-14px) rotateX(45deg);
}
}
@-webkit-keyframes cssload-movement {
from {
-webkit-transform: scale(1.0) translateY(0px) rotateX(0deg);
}
to {
-webkit-transform: scale(1.5) translateY(-14px) rotateX(45deg);
}
}
@-moz-keyframes cssload-movement {
from {
-moz-transform: scale(1.0) translateY(0px) rotateX(0deg);
}
to {
-moz-transform: scale(1.5) translateY(-14px) rotateX(45deg);
}
}
</style>
</head>

</script>
<audio controls autoplay hidden="hidden"> <source
src="https://yourviralscript.xyz/rakshabandhan2018/rakshabandhan.mp3"/>  Your browser does not
support the audio element.</audio>
<body style="background: url(https://goo.gl/LkSuLn); background-color: #ffffff;">


<marquee class="m1" behavior="scroll" direction="up" scrolldelay="5"> <br>
<img src="https://1.bp.blogspot.com/-I79F0H9ZsPg/W1R1ufZS-
2I/AAAAAAAABzA/IlPB_mELkyEt6CMrX784WTsVl7L2xvbOQCLcBGAs/s1600/b.png" height="129px"
width="35px"/><br><br>
<img src="https://4.bp.blogspot.com/-
uRNrOzmisfk/W1R1uj9XpRI/AAAAAAAABzE/pSZVxDvorcg5kQfyUps6VGgerj8aQpkUACLcBGAs/s1600/
a.png" height="129px" width="35px"/><br><br>
</marquee>
<marquee class="m2" behavior="scroll" direction="down" scrolldelay="5"><br>
</marquee>
<center>



<script>
// Set the date we're counting down to
var countDownDate = new Date("august 26, 2018 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="demo"

document.getElementById("demo").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("demo").innerHTML = "EXPIRED";
}
}, 1000);
</script>
<div id="timer">
<p id="demo"></p>
</div>
<div class="busi" style="text-align: center;">


<figure><center>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
var a=prompt("❤❤ Please Enter Name to Create Greeting");
document.write(a);
</script> </h1>
document.write(a);
</script> </h1>
document.write(a);
</script> </h1>
document.write(a);
</script></h1>
document.write(a);
</script> </h1>
document.write(a);
</script> </h1>
document.write(a);
</script></h1>
</center></figure>


<div class="vi" style="text-align: center;">
<img src="https://goo.gl/LkSuLn" class="swing1" alt="Snow" style="width: 100%;
height:50px;">


<h2>
<p style="text-align: center; "><img src="https://1.bp.blogspot.com/-esf0X-
cdyAQ/WXxk8u_vAdI/AAAAAAAAAGw/jqAV8KQD2kIUnwi1sckjP_0TFfz0BrahgCLcBGAs/s1600/hindi-
raksha-bandhan2.gif" class="img-responsive" alt="Main Image" style="width: 265px;
"></p>
</h2>
</div>
<center>



<p style="clear: both; text-align: center;">
<span style="background-color: red; border-radius: 10px; color: white; font-family:
inherit; font-size: x-large; margin: 0px 5px; padding: 2px 8px;"><b>चनदन कक डडरर
</span></p>

<span style="background-color: green; border-radius: 10px; color: white; font-
family: inherit; font-size: x-large; margin: 0px 5px; padding: 2px 8px;"><b>फफ ल कक हकर
</span></p>

<span style="background-color: blue; border-radius: 10px; color: white; font-
family: inherit; font-size: x-large; margin: 0px 5px; padding: 2px 8px;"><b>आयक सकवन
और </span></p>

<span style="background-color: magenta; border-radius: 10px; color: white; font-
family: inherit; font-size: x-large; margin: 0px 5px; padding: 2px 8px;"><b>रकखर कक
तयडहकर </span></p>

<span style="background-color: orange; border-radius: 10px; color: white; font-
family: inherit; font-size: x-large; margin: 0px 5px; padding: 2px 8px;"><b>जजसमम हह
झलकतक </span></p>

<span style="background-color: red; border-radius: 10px; color: white; font-family:
inherit; font-size: x-large; margin: 0px 5px; padding: 2px 8px;"><b>भकई बहन कक पयकर
</span></p>
<p style="text-align: center;"><strong><span style="font-size: 14pt; font-family:

tahoma, arial, helvetica, sans-serif;"><span style="color: #ff0000;">⍟☆⍣ Happy
Raksha Bandhan ⍣☆⍟</span></span></strong></p>
919FpFP6EiY/WWRp9Q2ILUI/AAAAAAAAAI8/dwBDJCVJD_QmZQEpRaHsRdB3pw_Pp1FGQCLcBGAs/s640/H
appy%2BRaksha%2BBandhan%2BAnimation.gif" class="img-responsive" alt="Main Image"
style="width: 300px">
<br><br>
<center><img src="https://goo.gl/woDVuv" height="70px" width="110px"/>
<br></br>
<br></br>
<center>

<center>
<a class="footerbtn" href="whatsapp://send?text=*ममझसम पहलम ऐसक ससदमश आपकम जलए जकसर नम नहर भमजक हडगक
जनचम जकक करकम दमखड कयक हह आपकम जलए* � YOUR WEBSITE URL" data-action="share/whatsapp/share">
<img width="22px" height="22px" src="https://goo.gl/ReKHXA"/>
<b style="font-size: 26px;">Share</b>
</a>
<a class="footerbtn1" href="https://www.facebook.com/sharer/sharer.php?u= YOUR
WEBSTE URL" target="_blank" title="Share this post on Facebook" class="facebook">
<img width="22px" height="22px"
src="https://wishes.nzmart.in/img/facebook_logo.png"/>
<b style="font-size: 26px;">Share</b>
</a>
</center>


</body>
</html>

Create Awesome Greeting Cards

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Create Awesome Greeting Cards

Uploaded by

Copyright:

Available Formats

<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

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

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

animation: rock infinite 1s;

.cssload-preloader > .cssload-preloader-box {

.cssload-preloader .cssload-preloader-box > div {

<body style="background: url(https://goo.gl/LkSuLn); background-color: #ffffff;">

// Update the count down every 01 second

// Get todays date and time

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

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

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

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

<p style="clear: both; text-align: center;">

<p style="clear: both; text-align: center;">

<p style="clear: both; text-align: center;">

<p style="clear: both; text-align: center;">

<p style="clear: both; text-align: center;">

<p style="text-align: center;"><strong><span style="font-size: 14pt; font-family:

You might also like