Skip to content

Instantly share code, notes, and snippets.

@jaikt

jaikt/index.html

Last active August 28, 2021 15:46
Show Gist options
  • Save jaikt/5829d938405bbc3f2af4c43c5318093b to your computer and use it in GitHub Desktop.
Save jaikt/5829d938405bbc3f2af4c43c5318093b to your computer and use it in GitHub Desktop.
Download ZIP
Independence Day 2021 Wishing Script
Raw
index.html
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Happy Independence Day</title>
<meta name="google" value="notranslate">
<meta property="og:type" content="Make your own wonderful wish for you loved one" />
<meta property="og:title" content="Happy Independence Day Script" />
<meta property="og:url" content="https://www.google.com/>
<meta property="og:description" content="Happy Independence Day" />
<meta property="og:site_name" content="Happy Independence Day" />
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link href='https://fonts.googleapis.com/css?family=Sofia:&effect=neon' rel='stylesheet'>
<link rel="icon" type="image/png" sizes="32x32" href="https://1.bp.blogspot.com/-mNaS3_YyNuc/Xy5n4mg8nrI/AAAAAAAABeY/xZ6ASRKb0lo7SASU5_cUFvQIoTYpch-VACNcBGAsYHQ/s192/android-icon-192x192.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); }}
.Ideazzone1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}
.Ideazzone2{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://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 {
-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;}
/* IDEAZZONE.com */
.IDEAZZONE-slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* IDEAZZONE.com */
.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: #f6c09c;
}
.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;
}
.Ideazzonecontainer {
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;
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;
}
.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 #008000;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: #e6e6e6;display: inline-block;vertical-align: bottom;border: 3px solid #d45500;float: right;color: black;font-size:18px;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;}
.Ideazzone-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: 35px
}
.Ideazzone-main-greeting .main_body {
text-align: center;
font-size: 1.3em
}
.Ideazzone-main-greeting .main_body .text2 {
padding: 10px;
font-size: 20px
}
.Ideazzone-main-greeting .text {
color: #405d9b;
letter-spacing: 1px;
font-weight: 600;
padding: 0px 10px;
text-align: center;
}
.Ideazzone-main-greeting .pp-img {
max-width: 400px;
margin-bottom: 10px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
}
.Ideazzone-main-greeting .text_gradient {
margin: 5px auto;
font-weight: 700;
font-size: 24px;
color: #b50dae;
}
</style>
<style>img[alt="Ideazzone.com"]{display:none;}</style>
<style>
//css code to hide the WhatsApp sharing link on the large screen
@media screen and (min-width: 1000px) {
a {
display: none
}
}
</style>
</head>
<body class="bg" style=" background-image : url('')";>
<a class="github-fork-ribbon" href="https://github.com/jaikrishna-tavva9" data-ribbon="Fork Me On GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
<marquee class="Ideazzone1" Ideazzonebehavior="scroll" direction="up" scrolldelay="5"> <br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
</marquee>
<marquee class="Ideazzone2" behavior="scroll" direction="down" scrolldelay="5"><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
<img src="https://cdn.statically.io/img/i.ibb.co/HKDjDTY/india-flag.png" height="40px" width="30px"/><br><br>
</marquee>
</center>
<div class="Ideazzonecontainer">
<div class="Ideazzone-main-greeting">
<div style="border-radius: 17px; border: 0px solid rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; background-color: #d45500; color: #f4e906; font-family: arial, sans-serif; font-size: 18px; font-stretch: normal; font-style: normal; font-variant: normal; line-height: normal; margin: 0px auto; padding: 4px 5px 3px; width: 100%; height:4%">
<marquee behavior="alternate" scrollamount="2"><b>
🙏 WELCOME!! 🙏
</b></marquee>
<font color="#d45500"> <p id="IDEAZZONE"></p>
</font></div>
<div style="background: url(https://cdn.statically.io/img/i.ibb.co/rfKdKRZ/Snow.gif); background-color: ; color: white; font-weight: bold; padding-top: 6px; padding-bottom: 6px; font-size: large;text-align:center; ">
<h2 class="font-effect-neon" align=center" id="IDEAZZONE-show-name"></h2>
</div>
<div style="border-radius: 17px; border: 0px solid rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; background-color: #008000; color: #f4e906; font-family: arial, sans-serif; font-size: 18px; font-stretch: normal; font-style: normal; font-variant: normal; line-height: normal; margin: 0px auto; padding: 4px 5px 3px; width: 100%; height:4%">
<marquee behavior="alternate" scrollamount="2"><b>
😀 Happy Independence Day! 😀
</b></marquee>
</font></div>
<div class="font-effect-neon"><p class="fromMessage" id="IDEAZZONE-fromMessage"></p></div>
</center>
<div class="vi" style="text-align: center;">
<br>
</br>
<center><img src="http://geektechtips.xyz/wp-content/uploads/2021/07/independence-day-img1.gif" class="img-responsive" alt="TIPS TECH" width="95%"></center>
<br>
<br>
<br>
<center>
<h3>
<span><font color="#d45500">Freedom is something you have to </font></span><br>
<span><font color="#d45500">fight for. We’ve tried so hard to</font></span><br>
<span><font color="#d45500">earn it, so let’s celebrate the </font></span><br>
<span><font color="#d45500">fact that we are still have our </font></span>
<span><font color="#d45500">freedom. Never let go of it and </font></span>
<span><font color="#d45500">always carry it in your heart.</font></span>
</h3>
</center>
<br>
<br>
<center>
</center>
<br>
<br>
<br>
<center><img src="https://cdn.geektechtips.xyz/wp-content/uploads/2021/07/jhanda-uuncha-rahe-hamara.gif" style="animation: pulse 1.5s infinite" class="img-responsive" alt="TIPS TECH" width="95%"></center>
<br>
<br>
<center>
<h3>
<span><font color="green">आन देश की शान देश की, देश की हम संतान हैं,</font></span><br>
<span><font color="green">तीन रंगों से रंगा तिरंगा, अपनी ये पहचान है! </font></span><br>
</h3>
</center>
<br>
<br>
<center>
</center>
<br>
<br>
<br>
<center><img src="https://cdn.geektechtips.xyz/wp-content/uploads/2021/07/independence-day-img3.gif" style="animation: pulse 1.5s infinite" class="img-responsive" alt="TIPS TECH" width="95%"></center>
<br>
<br>
<center>
</center>
<br>
<br>
<center><img src="http://geektechtips.xyz/wp-content/uploads/2021/07/independence-day-img4.gif" style="animation: pulse 1.5s infinite" class="img-responsive" alt="TIPS TECH" width="95%"></center>
<br>
<br>
<center>
</center>
<br>
<br>
<center><img src="http://geektechtips.xyz/wp-content/uploads/2021/07/independence-day-img5.gif" class="img-responsive" alt="TIPS TECH" width="95%"></center>
<br>
<br>
<script type="text/javascript">
atOptions = {
'key' : '7129b70d152ab9ba408ec0d5f6eb5efa',
'format' : 'iframe',
'height' : 50,
'width' : 320,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.variouscreativeformats.com/7129b70d152ab9ba408ec0d5f6eb5efa/invoke.js"></scr' + 'ipt>');
</script>
<hr>
<center>
<p>Powered by</p>
<a href="https://geektechtips.xyz/" title="Powered By Tips Tech"> <img src="https://cdn.geektechtips.xyz/wp-content/uploads/2021/07/cropped-main_logo.png" alt="Powered By Tips Tech"></a>
</center>
</hr>
<h3 style="color:brown"> Share Via WhatsApp </h3>
<!-- create a link using anchor tab -->
<a href="whatsapp://send?text=A Gift For Every Indian → " data-action="share/whatsapp/share"
target="_blank"> Share to WhatsApp </a>
<br>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("IDEAZZONESlides");
var dots = document.getElementsByClassName("IDEAZZONEdot");
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
}
</body>
<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("#IDEAZZONE-show-name").innerHTML = name;
document.querySelector("#IDEAZZONE-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("#IDEAZZONE-show-name").innerHTML = sname;
document.querySelector("#IDEAZZONE-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("Sep 28, 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>
<!-- Display the countdown timer in an element -->
<script>
// Set the date we're counting down to
var countDownDate = new Date("Sep 28, 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="IDEAZZONE"
document.getElementById("IDEAZZONE").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("IDEAZZONE").innerHTML = ".";
}
}, 1000);
</script>
<script src="https://www.googletagmanager.com/gtag/js?id=UA--1"></script>
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment