Scribd
Upload
197 views15 pages

Independance Script

This document contains code and styling for a website celebrating India's Independence Day. It includes meta tags and links for social sharing, styles for animations and positioning elements, and preloader code to display while the page loads. The page features text in Hindi and English with effects like glowing, bouncing, and 3D transformations to celebrate Independence Day.

Uploaded by

ganesanmani1985
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
197 views15 pages

Independance Script

This document contains code and styling for a website celebrating India's Independence Day. It includes meta tags and links for social sharing, styles for animations and positioning elements, and preloader code to display while the page loads. The page features text in Hindi and English with effects like glowing, bouncing, and 3D transformations to celebrate Independence Day.

Uploaded by

ganesanmani1985
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 15

<center> Happy Independence Day </center><html>

<head>
<!--Google Analytics code Here -->

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


<meta name="viewport" content="width=device-width,initial-scale=1,maximum-
scale=1"/>
<title>🇮🇳🇮🇳⍣Happy Independent Day 2020🇮🇳🇮🇳</title>
<link rel="stylesheet" type="text/css" href="main.css">

<meta name="description" content="Wishing You Happy Independent Day 2020 "/>


<meta name="twitter:title" content="Wishing You Happy Independent Day 2020 ">
<meta name="twitter:description" content="Wishing You Happy Independent Day
2020 ">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="#">
<meta name="twitter:creator" content="#">
<meta name="twitter:image" content="https://www.kindpng.com/picc/m/20-
200645_india-flag-with-love-shape-hd-wallpapers-images.png">

<meta property="og:title" content="Wishing You Happy Independent Day 2020 "/>


<meta property="og:site_name" content="Wishing You Happy Independent Day 2020
"/>
<meta property="og:url" content=" https://suzeela.com"/>

<meta property="og:description" content="Send Customized Greentings to your


Loved one."/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="https://www.kindpng.com/picc/m/20-
200645_india-flag-with-love-shape-hd-wallpapers-images.png"/>
<meta itemprop="name" content="Wishing you Happy Independent Day 2020 ">
<meta itemprop="description" content=" Send Customized Greentings to your Loved
one.">
<meta itemprop="image" content="https://www.kindpng.com/picc/m/20-200645_india-
flag-with-love-shape-hd-wallpapers-images.png">

<!----- Favicon ------>


<link rel="icon" type="image/png" sizes="32x32" href=" http://bit.ly/2JwWAS3
">
<style>

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

@-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); }}
.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(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:#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) {
background: rgb(255,0,0);
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;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(2) {
background: rgb(255,0,0);
margin-right: 8px;
animation: cssload-movement 690ms ease 86.25ms infinite alternate;
-o-animation: cssload-movement 690ms ease 86.25ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 86.25ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 86.25ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 86.25ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(3) {
background: rgb(255,0,0);
margin-right: 8px;
animation: cssload-movement 690ms ease 172.5ms infinite alternate;
-o-animation: cssload-movement 690ms ease 172.5ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 172.5ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 172.5ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 172.5ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(4) {
background: rgb(204,255,0);
margin-right: 8px;
animation: cssload-movement 690ms ease 258.75ms infinite alternate;
-o-animation: cssload-movement 690ms ease 258.75ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 258.75ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 258.75ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 258.75ms infinite
alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(5) {
background: rgb(0,255,60);
margin-right: 8px;
animation: cssload-movement 690ms ease 345ms infinite alternate;
-o-animation: cssload-movement 690ms ease 345ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 345ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 345ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 345ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(6) {
background: rgb(0,185,252);
margin-right: 8px;
animation: cssload-movement 690ms ease 431.25ms infinite alternate;
-o-animation: cssload-movement 690ms ease 431.25ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 431.25ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 431.25ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 431.25ms infinite
alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(7) {
background: rgb(58,0,250);
margin-right: 8px;
animation: cssload-movement 690ms ease 517.5ms infinite alternate;
-o-animation: cssload-movement 690ms ease 517.5ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 517.5ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 517.5ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 517.5ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(8) {
background: rgb(255,255,0);
margin-right: 8px;
animation: cssload-movement 690ms ease 603.75ms infinite alternate;
-o-animation: cssload-movement 690ms ease 603.75ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 603.75ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 603.75ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 603.75ms infinite
alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(9) {
background: rgb(221,0,255);
margin-right: 8px;
animation: cssload-movement 690ms ease 690ms infinite alternate;
-o-animation: cssload-movement 690ms ease 690ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 690ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 690ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 690ms infinite alternate;
}
.cssload-preloader .cssload-preloader-box > div:nth-child(10) {
background: rgb(51,102,255);
margin-right: 8px;
animation: cssload-movement 690ms ease 776.25ms infinite alternate;
-o-animation: cssload-movement 690ms ease 776.25ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 776.25ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 776.25ms infinite
alternate;
-moz-animation: cssload-movement 690ms ease 776.25ms 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);
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 ------>

</center>
<!-- Sidebar Sliding Images --->
<marquee class="m1" behavior="scroll" direction="up" scrolldelay="5"> <br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>

</marquee>
<marquee class="m2" behavior="scroll" direction="down" scrolldelay="5"><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>
<img src=" http://bit.ly/2YIBGG9 " height="129px" width="35px"/><br><br>

</marquee>

<center>
<!--- Header AdSense code Here (468ï 뾽 60 Display ads)--->
<script type="text/javascript" src="//uprimp.com/bnr.php?
section=SCRIPT&pub=849747&format=300x250&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/849747" target="_blank"><img
src="//ylx-aff.advertica-cdn.com/pub/300x250.png"
style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online
Advertising Network" /></a></noscript>

</center>
<center><span style="color: #ff077a;">🇮🇳🇮🇳🇮🇳🇮🇳Independent Day🇮🇳🇮🇳🇮🇳🇮🇳
</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;">
<p id="demo"></p>

<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(" ENTER YOUR NAME!");
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>

<!---- Snow falling Images ----->


<div class="vi" style="text-align: center;">
<img src="https://1.bp.blogspot.com/-
FiHW707wwYo/XyqK6BOi6cI/AAAAAAAAAAc/1ZZFIeaJD886TnYcfOnxroHYfoF8BeX7wCLcBGAsYHQ/s0/
Snow.gif" class="swing1" alt="Snow" style="width: 100%; height:100px;">

<center><img src="https://2.bp.blogspot.com/-2wQjG-citH8/W-
pYxv5FR3I/AAAAAAAAAUw/CbtjMztQ8JgDEfa1tTjZ1hPcMAnMUTc1gCLcBGAs/s1600/transparent-
welcome-christmas.gif" class="img-responsive" alt="KKYTBE" width="100%"></center>
</br>

<center>2020

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


'comic sans ms', sans-serif; color: #ff0044;">##<span style="font-family:
'trebuchet ms', geneva;"> Happy Independent Day 2020 </span>
##</span></strong></p><p style="text-align: center;"><strong><span style="font-
size: 18pt; font-family: 'comic sans ms', sans-serif; color: #ff0044;">##<span
style="font-family: 'trebuchet ms', geneva;"> In </span> ##</span></strong></p><p
style="text-align: center;"><strong><span style="font-size: 18pt; font-family:
'comic sans ms', sans-serif; color: #ff0044;">## <span style="font-family:
'trebuchet ms', geneva;"> ♥🇮🇳 Advance ♥ <span> </span></strong></p>

<!--------Main Center Image--------!>


<img src=" https://4.bp.blogspot.com/-
WrplQgdSP4Q/XC2wTlkbIFI/AAAAAAAAAMg/YRtNLBqdETQ4xk5AF_BRhJwR8_t5wzkFQCPcBGAYYCw/s16
00/butterfly-india.gif " class="img-responsive" alt="Main Image" style="width:
300px; ">

<!-------------song--------------!>
<p style="text-align: center;"><span style="background-color: #00CED1; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;☺ Play the song☺ <strong></strong>&nbsp;</span></p>
<br><center><audio controls autoplay> <source
src="http://server.pendusaab.com/48k/38303/2471363/Thamizha-Thamizha-
Hariharan.mp3"> </audio></center><br></center><br>

<!----- Wishing Poem Here ----->


<p style="text-align: center;"><span style="background-color: #00CED1; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; ☺On this Independence Day☺
<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #87CEFA; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; ☺We remember the years past.☺
<strong>&nbsp;</strong></span></p>
<p style="text-align: center;"><span style="background-color: #ff0000; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; ☺We honor this very day☺
<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #F4A460; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; ☺I LOVE MY INDIA☺ <strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color:#2E8B57; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; ☺Happy Independent Day☺
<strong></strong>&nbsp;</span></p>

<!--Main Center Image-->


<img src= https://www.google.com/url?sa=i&url=https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Ftenor.com%2Fsearch
%2Fhappy-independence-day-india-gifs&psig=AOvVaw1D9CyAccXQJK63zQL-
ptK3&ust=1597084466353000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCLCQ99bhjusCFQAAAAA
dAAAAABAJ " class="img-responsive" alt="Main Image" style="width: 300px; ">

<!----- Wishing Poem Here ----->

<p style="text-align: center;"><span style="background-color: #00CED1; border-


radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;தமிழா தமிழா நாளை நம்
நாளே<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #87CEFA; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;தமிழா தமிழா நாடும் நம்
நாடே<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #ff0000; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;என் வீடு தாய் தமிழ் நாடு என்றே
சொல்லடா<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #F4A460; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;என் நாமம் இந்தியன் என்றே என்றும்
நில்லடா<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #2E8B57; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; தமிழா தமிழா நாளை நம் நாளே
<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #F4A460; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;தமிழா தமிழா நாடும் நம்
நாடே<strong></strong>&nbsp;</span></p>

<!--Main Center Image-->


<img src="https://www.google.com/url?sa=i&url=https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwww.pinterest.com%2Fpin
%2F303711568617482910%2F&psig=AOvVaw1D9CyAccXQJK63zQL-
ptK3&ust=1597084466353000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCMikqrXhjusCFQAAAAA
dAAAAABAD" class="img-responsive" alt="Main Image" style="width: 300px; ">

<center>
<!-- Center AdSense code Here (Responsive ads)-->
<script type="text/javascript" src="//uprimp.com/slider.php?
section=Download&pub=849747&ga=g&side=random"></script>

</center>

<!----Countdown time Setting ---->


<script>
// Set the date we're counting down to
var countDownDate = new Date("August 15,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="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 = "Happy Independent Day 2020 ";
}
}, 1000);
</script>
</div>
</div>

<!----- Wishing Poem Here ----->


<p style="text-align: center;"><span style="background-color: #00CED1; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; On this Independence Day We remember the years
past<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #87CEFA; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;We honor this very
day<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #ff0000; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp; For our flag, old glory, has last.
<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #F4A460; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;On this Independence
Day<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #2E8B57; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;Two centuries ago, we
<strong></strong>&nbsp;</span></p>
<!--Main Center Image-->
<img src=" https://4.bp.blogspot.com/-
3w71XfGlEc8/XCshLFZrpZI/AAAAAAAAAME/eRIVKTg6w-
E3dsQCSREQy6lyASkjnkwwwCPcBGAYYCw/s1600/techwithsubhash2.gif " class="img-
responsive" alt="Main Image" style="width: 300px; ">

<!----- Wishing Poem Here ----->

<p style="text-align: center;"><span style="background-color: #00CED1; border-


radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;Declared our
independence<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #87CEFA; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;For justice and
liberty.<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #ff0000; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;Let us celebrate with joy and honesty ||
<strong></strong>&nbsp;</span></p>
<p style="text-align: center;"><span style="background-color: #F4A460; border-
radius: 10px; color: #ffffff; font-size: 14pt; font-family: tahoma, arial,
helvetica, sans-serif;">&nbsp;Happy Independence Day!!!
<strong></strong>&nbsp;</span></p>

<!--<h2>Main Center Image</h2>-->


<h2> <img src=" https://1.bp.blogspot.com/-
Tl50u64voEw/XSXHF_kj7UI/AAAAAAAAALE/0wTu4eetKfcoQTwLxtggBXTu3kMIOROPACLcBGAs/s320/J
Ai-Hind-GIF.gif " class="img-responsive" alt="Main Image" style="width: 300px; ">
<h2/>

<div style="background-color:#00FFFF; border-radius: 17px; border: 0px solid rgb(0,


0, 0); box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; color: black; 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: 80%;"><marquee behavior="alternate"><b>இந்த சுதந்திர தின விழாவை
</b></marquee></div>
<div style="background-color: #FF0000; border-radius: 17px; border: 0px solid
rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; color: white; 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: 80%;"><marquee behavior="alternate"><b>அனைவரிடமும் கொண்டு
சேர்ப்பது</b></marquee></div>
<div style="background-color: #32CD32; border-radius: 17px; border: 0px solid
rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; color: black; 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: 80%;"><marquee behavior="alternate"><b>உங்கள்
கடமை</b></marquee></div><br></br>

<!-- Below AdSense Code Here (Link ads) -->

<script type="text/javascript" src="//uprimp.com/bnr.php?


section=SCRIPT&pub=849747&format=300x250&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/849747" target="_blank"><img
src="//ylx-aff.advertica-cdn.com/pub/300x250.png"
style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online
Advertising Network" /></a></noscript>

</center>
<center><img src="https://1.bp.blogspot.com/-
2rN4B0HxGng/XyqK6KulxVI/AAAAAAAAAAY/NX4-Lw5OxgAM79C0wymNrx0petv-
VFDyQCPcBGAYYCw/s0/c.gif" height="70px" width="110px"/>
<br></br>
<!---This Theme Edited SUZEELA----->
<br></br>
<center>
<a class="footerbtn" href="whatsapp://send?text=*Happy Independent Day 2020 * Sent
You a Special Wish. 🇮🇳🇮🇳🇮🇳_Click here to Create_
->https://happyindependenceeday2020kkytbe.blogspot.com/" 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=https://goo.gl/jsjpah" target="_blank" title="Share this post on Facebook"
class="facebook">
<img width="22px" height="22px"
src="https://happyindependenceeday2020kkytbe.blogspot.com/"/>
<b style="font-size: 26px;">Share</b>
</a>

</center>
</body>
</html>
15 August 2020
Displaying 15 August 2020

You might also like