Wednesday, 16 September 2015

ANOTHER TESTING HTML

<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"></link>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<script>
$(document).ready(function(){
  $(".sub").click(function(){
    $($(this).nextAll(".sub-msg")[0]).slideToggle("slow");
  });
});
  </script>
<style>
.subscribe{  width:100%;  margin: 0 auto; margin-top: 8px;  margin-bottom: 2%; font-family: sans-serif;}
.sub-form{  background:#f0f0f0;  padding:6% 4%;}
.sub-up-msg{font-size: 100%;  font-family: sans-serif;font-weight: bold;color: #1d9c73; text-align: center; line-height: 25px;}
.sub-msg{display: padding: 1%; text-align: center; line-height: 25px; background-color: #E4E4E4; color: #1d9c73; font-family: sans-serif; font-size:100%; display:none; margin-top: -18px;}
.enter-email[type="email"]{width: 100%; background: #fff; margin-bottom: 3%; border: 1px solid #1d9c73; padding: 2%; font-size: 150%; color: #1d9c73; outline: none; border-radius: 4px;}
.submit-btn[type="submit"]{  width:100%;  background:#1d9c73;  border: 1px solid #1d9c73;  padding:2%;  font-size:150%;  color:#fff;  cursor:pointer;  outline: none;  border-radius: 4px;}
.submit-btn[type="submit"]:hover{background: #2BBF8F;}
</style>
</head>
<body>
<div class="sub">
<div class="subscribe">
<form class="sub-form"action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(&quot;https://feedburner.google.com/fb/a/mailverify?uri=IndianGovernmentJobs2015LatestRecruitmentNotificationsForJobsInVariousOtherSectors&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true" target="popupwindow">
<p class="sub-up-msg"><i class="fa fa-envelope-o"></i> Sign-Up free to get latest Job Notifications drectly in your Inbox  </p>
<input class="enter-email" type="email" placeholder="Enter Your Email Here..." />
<input name="uri" type="hidden" value="IndianGovernmentJobs2015LatestRecruitmentNotificationsForJobsInVariousOtherSectors">
<input name="loc" type="hidden" value="en_US">
<button class="submit-btn" type="submit" >Subscribe Me&nbsp;&nbsp;<i class="fa fa-envelope"></i></button>
</form></div></div>
<div class="sub-msg">
<p><i class="fa fa-smile-o"></i>&nbsp;&nbsp;After Sign-Up <br /><i class="fa fa-quote-left"></i>&nbsp;&nbsp;Please check your inbox for a verification message from&nbsp;&nbsp;FeedBurner Email Subscriptions&nbsp;&nbsp;<i class="fa fa-quote-right"></i></p>
</div>
</body>
</html>