<html>
<head>
<title>Urdu SMS & Whatsapp Messages</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

.header {
  text-align: center;
  padding: 0px;
  margin: 5px;
  background-color: green;
  width: 100%;
  border-radius: 7px 0px 0px 7px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

a:link {
  text-decoration: none;
}

h1 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

.show_img{
  width: 96%;
  padding: 5px;
  border: 2px solid;
  box-shadow: 7px 7px 6px #888888;
  border-radius: 5px;
  border-color: black;
  margin: 8px;
  float: left;
}

.show_img2 {
  border: 1px solid;
  padding: 5px;
  box-shadow: 5px 10px;
  float: left;
  margin: 0px;
  border-radius: 5px;
  border-collapse: separate;
  border-spacing: 15px 50px;
}

.foot {
  width: 100%;
  float: left;
  margin: 15px;
}

.box {
border-radius: 0px 0px 131px 0px;
-moz-border-radius: 0px 0px 131px 0px;
-webkit-border-radius: 0px 0px 131px 0px;
border: 0px solid #000000;
  color: white;
  text-shadow: 2px 2px 4px #000000;
  box-shadow: 2px 2px 4px #000000;
}
</style>
</head>
<body onload="myFunction()" style="margin:5;">
<div class="header"><a href="http://urdu123.com/urdusms/?v=3"><h1>Urdu SMS and Whatsapp Messages</h1></a>
</div>
<div id="loader"></div>
<p align="center" style="font-size:5vw;">اُردو میں ایس ایم ایس اور وٹس ایپ میسجز
</p>

<div style="display:none;" id="myDiv" class="animate-bottom">

  <a href="?cat=Islamic"><div class="show_img" style="background-color:green;font-size:6vw;"><font color=white><b>اسلامی ایس ایم ایس</b></font><br>
  <font face="Jameel Noori Nastaleeq" color=yellow>Islamic SMS</font></div></a>

  <a href="?cat=Eid%20Mubarak"><div class="show_img" style="background-color:green;font-size:6vw;"><font color=white><b>عید مبارک ایس ایم ایس</b></font><br>
  <font face="Jameel Noori Nastaleeq" color=yellow>Eid SMS</font></div></a>

  <a href="?cat=Birthday"><div class="show_img" style="background-color:green;font-size:6vw;"><font color=white><b>سالگرہ مبارک ایس ایم ایس</b></font><br>
  <font face="Jameel Noori Nastaleeq" color=yellow>Birthday wishes</font></div></a>

  <a href="?cat=Dosti"><div class="show_img" style="background-color:green;font-size:6vw;"><font color=white><b>دوستی ایس ایم ایس</b></font><br>
  <font face="Jameel Noori Nastaleeq" color=yellow>Friendship SMS</font></div></a>

  <a href="?cat=Funny"><div class="show_img" style="background-color:green;font-size:6vw;"><font color=white><b>مزاحیہ ایس ایم ایس</b></font><br>
  <font face="Jameel Noori Nastaleeq" color=yellow>Funny SMS</font></div></a>

  <a href="?cat=Good%20Morning"><div class="show_img" style="background-color:green;font-size:6vw;"><font color=white><b>گڈ مورنگ ایس ایم ایس</b></font><br>
  <font face="Jameel Noori Nastaleeq" color=yellow>Good Morning SMS</font></div></a>

  <a href="?cat=Shararti"><div class="show_img" style="background-color:green;font-size:6vw;"><font color=white><b>شرارتی ایس ایم ایس</b></font><br>
  <font face="Jameel Noori Nastaleeq" color=yellow>Shararti SMS</font></div></a>




<div class="foot" style="background-color:white;font-size:1.5vw;">
</div>
</div>

<script>
var myVar;

function myFunction() {
  myVar = setTimeout(showPage, 300);
}

function showPage() {
  document.getElementById("loader").style.display = "none";
  document.getElementById("myDiv").style.display = "block";
}
</script>

<!-- Default Statcounter code for Result.urdu123.com
http://result.urdu123.com/ -->
<script type="text/javascript">
var sc_project=12167242; 
var sc_invisible=1; 
var sc_security="5eeaaa5a"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics
Made Easy - StatCounter" href="https://statcounter.com/"
target="_blank"><img class="statcounter"
src="https://c.statcounter.com/12167242/0/5eeaaa5a/1/"
alt="Web Analytics Made Easy -
StatCounter"></a></div></noscript>
<!-- End of Statcounter Code -->

</body>
</html>