You are on page 1of 28

<html>

<head>

<!--Google Analytics code Here -->

<script type="text/javascript">//<![CDATA[

(function() {

var configuration = {

"token": "43477b52e5f4f3ffc9ea3c842a6a9aa4",

"entryScript": {

"type": "timeout",

"timeout": 3000,

"capping": {

"limit": 5,

"timeout": 24

};

var script = document.createElement('script');

script.async = true;

script.src = '//cdn.shorte.st/link-converter.min.js';

script.onload = script.onreadystatechange = function () {var rs = this.readyState; if (rs && rs !=


'complete' && rs != 'loaded') return; shortestMonetization(configuration);};

var entry = document.getElementsByTagName('script')[0];

entry.parentNode.insertBefore(script, entry);

})();

//]]></script>
<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 INDEPENDANCE DAY ⍣☆⍟《</title>

<meta name="google" value="notranslate">

<meta property="og:type" content="Make your own wonderful Wishing greeting card" />

<meta property="og:title" content="Wishing You RAMADAN Mubarak 2019" />

<meta property="og:url" content="http://ramdan.sialkottech.com>

<meta property="og:description" content="CLICK HERE" />

<meta property="og:site_name" content="Create Awesome wisheing Card" />

<link rel="stylesheet" type="text/css" href="main.css">

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

<link rel="icon" type="image/png" sizes="32x32"


href="https://cdn3.iconfinder.com/data/icons/zaficons/512/mosque-512.png">

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

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

<div class="cssload-preloader" style="width: 100%; height:590px; center;">

<div class="cssload-preloader-box" > <div>I</div> <div>N</div>


<div>D</div> <div>E</div> <div>P</div> <div>E</div>
<div>N</div> <div>D</div> <div>EN</div>
<div>CE</div>

</div>

</div>

</center>

<!-- Sidebar Sliding Images --->

<marquee class="m1" behavior="scroll" direction="up" scrolldelay="5"> <br>


<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

</marquee>

<marquee class="m2" behavior="scroll" direction="down" scrolldelay="5"><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>


<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br>

<img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br>

</marquee>

<center>
</center>

<center><span style="color: #ff077a;">▁ ▂ ▄ ▅ ▆ ▇ █ Weocome█ ▇ ▆ ▅ ▄ ▂


▁</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("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>

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

<div class="vi" style="text-align: center;">

<img src="https://goo.gl/LkSuLn" class="swing1" alt="Snow" style="width: 100%;


height:100px;">

<p style="text-align: center;"><strong><span style="font-size: 26pt; font-family: 'comic sans ms',


sans-serif; color: #ff0044;">☪ <span style="font-family: 'trebuchet ms', geneva;">Wishing
You</span> ☪</span></strong></p>

<br> </br>

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

<h2> <div class="separator" style="clear: both; text-align: center;">

<a href="https://1.bp.blogspot.com/-
_dO1vWIfloU/XR1yENuMeTI/AAAAAAAAE0U/qTmCO0_pw7cG8cxevXC_q8C1gswtQHVCACLcBGA
s/s1600/08c65a41689969.57b0ad2aef2c0.gif" imageanchor="1" style="margin-left: 1em;
margin-right: 1em;"><img border="0" data-original-height="350" data-original-width="400"
height="280" src="https://1.bp.blogspot.com/-
_dO1vWIfloU/XR1yENuMeTI/AAAAAAAAE0U/qTmCO0_pw7cG8cxevXC_q8C1gswtQHVCACLcBGA
s/s320/08c65a41689969.57b0ad2aef2c0.gif" width="280" /></a></div>

</h2>

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

<div style="text-align: center;">

<span style="background-color: red; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">&nbsp;This Nation will
Remain the Land of</span></div>

<div style="text-align: center;">

<span style="background-color: green; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">The Frer Only So Long
as<strong>&nbsp;</strong></span></div>

<div style="text-align: center;">

<span style="background-color: magenta; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">&nbsp;It Is The Home
Of the Braves&nbsp;</span></div>

<div style="text-align: center;">

<span style="background-color: #00ccff; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">&nbsp;“Happy
Indepemdence Day” &nbsp;</span></div>

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


helvetica, sans-serif;"><span style="color: #ff0000;">》⍟☆⍣ HAPPY INDEPENDENCE Day
⍣☆⍟《</span></span></strong></p>

<div class="separator" style="clear: both; text-align: center;">

<a href="https://1.bp.blogspot.com/-
l95O31Wjcuk/XR2ZNdXEhJI/AAAAAAAAE1A/2CQtshskl6oN9UrDrL-
EdmZ5FfLjGeocQCEwYBhgL/s1600/14-august-ddd.gif" imageanchor="1" style="margin-left: 1em;
margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="800"
height="150" src="https://1.bp.blogspot.com/-
l95O31Wjcuk/XR2ZNdXEhJI/AAAAAAAAE1A/2CQtshskl6oN9UrDrL-
EdmZ5FfLjGeocQCEwYBhgL/s200/14-august-ddd.gif" width="280" /></a></div>

<div class="separator" style="clear: both; text-align: center;">

<br /></div>

<center>

<!-- Center AdSense code Here (Responsive ads)-->

<h2> <div class="separator" style="clear: both; text-align: center;">

<a href="https://1.bp.blogspot.com/-cNKROY-3Rkw/XR12xzBOdPI/AAAAAAAAE0g/Q95R-
zB6FRsSk4Bl4g-6ps1gMCg60-ZiQCLcBGAs/s1600/2829127hltubjj279.gif" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-
original-width="600" height="100" src="https://1.bp.blogspot.com/-cNKROY-
3Rkw/XR12xzBOdPI/AAAAAAAAE0g/Q95R-zB6FRsSk4Bl4g-6ps1gMCg60-
ZiQCLcBGAs/s200/2829127hltubjj279.gif" width="260" /></a></div>

</h2>

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

<div style="text-align: center;">

<span style="background-color: red; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">&nbsp; ‫وطن ہمارا ایسا نہ‬
‫&چھوڑ پاے کوئی‬nbsp;&nbsp;</span></div>

<div style="text-align: center;">

<span style="background-color: green; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">&nbsp; ‫رشتہ ہمارا ایسا نہ‬
‫&توڑ پاۓ کوئی‬nbsp;<strong>&nbsp;</strong></span></div>

<div style="text-align: center;">

<span style="background-color: magenta; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">&nbsp; ،‫دل ہمارا ایک ہے‬
‫&ایک ہے ہماری جان‬nbsp;&nbsp;&nbsp;</span></div>

<div style="text-align: center;">

<span style="background-color: #00ccff; color: white; font-family: &quot;tahoma&quot; ,


&quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-size: 14pt;">&nbsp; ‫پاکستان ہمارا ہے‬
‫&ہم سب کی ہے یہ شان‬nbsp;&nbsp;</span></div>

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


helvetica, sans-serif;"><span style="color: #ff0000;">》⍟☆⍣‫جشن آزادی مبارک‬
⍣☆⍟《</span></span></strong></p>

<h2> <div class="separator" style="clear: both; text-align: center;">

<a href="https://1.bp.blogspot.com/-
C6gSOPSCR1A/XR2WY3RNneI/AAAAAAAAE0s/RwJCYlmbSwMf451K588zCkzMZ_ZsEIcDQCLcBGA
s/s1600/azadi%2Burdu.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img
border="0" data-original-height="246" data-original-width="523" height="150"
src="https://1.bp.blogspot.com/-
C6gSOPSCR1A/XR2WY3RNneI/AAAAAAAAE0s/RwJCYlmbSwMf451K588zCkzMZ_ZsEIcDQCLcBGA
s/s320/azadi%2Burdu.gif" width="280" /></a></div>

</h2>

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

<div style="text-align: center;">

<span style="background-color: #38761d; color: #333333; font-family: Arial, serif; font-size:


16px;">' 14th August '</span></div>

<div style="text-align: center;">

<span style="background-color: cyan; color: #333333; font-family: Arial, serif; font-size:


16px;">The Day of Sacrifice, the day of Love, the day of Decision&nbsp;</span></div>

<div style="text-align: center;">

<span style="background-color: lime; color: #333333; font-family: Arial, serif; font-size:


16px;">Celebrating with the message of freedom and Peace of the World..</span></div>

<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Arial,


serif; font-size: 16px; text-align: center;">

<br /></div>

<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Arial,


serif; font-size: 16px; text-align: center;">

<br /></div>

<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Arial,


serif; font-size: 16px; text-align: center;">

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


helvetica, sans-serif;"><span style="color: #ff0000;">》⍟☆⍣ ‫یوم آزادی مبارک‬
⍣☆⍟《</span></span></strong></p>
</center>

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

<script>

// Set the date we're counting down to

var countDownDate = new Date("june 16, 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 = "";

}, 1000);

</script>

</div>

</div>

<center><img src="https://goo.gl/C5RAfz" height="100px" width="110px"/>

<div class="busi"><p style="text-transform: uppercase;font-size: 20px;color:#000000;"> <script


type="text/javascript" language="Javascript">

document.write( "By-" +a);

</script><br><img src="https://goo.gl/qK32kS" height="105px" width="105px"/></p></center>

</center>

<center><img src="https://1.bp.blogspot.com/-GR-Tj4v5gEg/XMSP2J1BOWI/AAAAAAAAL-
Q/X0Q3bMNcTEg_SLRl9pbwJrcgG9Zsa6BEQCLcBGAs/s640/Untitled-1.jpg" height="50px"
width="300px"/>

<br></br>

</center>

<center><img src="https://goo.gl/woDVuv" height="70px" width="110px"/>


<br></br>

<!---This Theme Edited and Designed By Rashid Toor----->

<br></br>

<center>

<center>

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

<a class="footerbtn" href="whatsapp://send?text= * ‫تمام اہل پاکستان کو میری طرف سے‬


‫ ��� * یوم آزادی کی بہت بہت مبارک باد‬http://bit.ly/AzadiMubarak " >

<img width="22px" height="22px" src="https://goo.gl/To7pFU"/>

<b style="font-size: 26px;">Share on Whatsapp</b>

<img width="22px" height="22px" src="https://goo.gl/To7pFU"/> </a>

</center>

</body>

</html>

You might also like