Professional Documents
Culture Documents
New Text Document
New Text Document
<head>
<!--Google Analytics code Here -->
/* 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;
box-sizing: border-box;
padding: 5px;
background:#000099;
color: #ffffff;
font-size: 18px;
text-align: center;
text-decoration: none;
width:40%;
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 {
-webkit-transform: rotateZ(0)
}}
.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:40%;
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)
}}
.bubbles hi {
font-family: 'Luckiest Guy', cursive;
color: black;
}
hi {
font-size:2.5em;
user-select:none;
}
@import url(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%;
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 {
font-size: 38px;
text-align: center;
color:#ffffff;
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;
}
@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>
</head>
<!----- Main Background ------>
<body style="background: url(https://2.bp.blogspot.com/-O-84SFbhuW0/W3u3-
R48fXI/AAAAAAAAAx8/-
cSnIG2UL14iqTVgxj9mAQ8ktFDMk3QlwCLcBGAs/s1600/Happy_diwali2.gif); background-color:
#FFFFFF; ">
<center>
<!--- Header AdSense code Here (350x60 Display ads)--->
</center>
<center><span style="color: #ff077a;">? ? _ ? ? ???????? ?? ??????????? ? ? _ ? ?
</center>
<center><p id="demo" style="background-color: #FFFFFF"></p></center>
<!-------Festival Timer Design------>
<center>
<div class="container">
<div class="main-greeting">
<div align="center html2canvas-ignore">
<div style="font-size: 18px; font-weight: 500; color: Black;">
<div class="main_body"></center>
<!-- Enter Your Name Popup Window -->
<figure><center>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
var a=prompt("Please Enter Your Name\n\n??????????");
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
document.write(a);
</script></h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript"
language="Javascript">
document.write(a);
</script></h1>
</center></figure>
<center>
</div>
<center>
<!-- Center AdSense code Here (Responsive ads)-->
</center>
<!----- Wishing Poem Here ----->
<h2> <img src="https://1.bp.blogspot.com/-
pL4q5dY9wy4/W3u066KQjVI/AAAAAAAAAw8/8iGj5B9HWwMQrQegggqz2eE9FaCS1DjqwCLcBGAs/s1600/
giphy.gif" class="img-responsive" alt="Main Image" style="width: 260px; ">
</h2>
<br><br>
<center style='background-color: #ffffff;'><img src="https://goo.gl/woDVuv"
height="70px" width="110px"/>
</center>
<!---This Theme Edited and Designed By TechOn24----->
<br></br>
<center>
<a class="footerbtn" href="whatsapp://send?text=*??????? ?? ??????????
* ??? ???? ??? ?? ?? ?? ????? ???
???? ????? ???? ?? ?? ?????? ???
???? ????? ?? ???-????? ?? ?????? ?? ???
?? ???? ?? ??????? ???? ?? ?????? ?? ???
???Touch this Blue Line Enter Your Name and See Magic? ??
</center>
</body>
</html>