Thursday, 17 September 2015

Code for Fully featured Sign Up Form

<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(){
  $(".follow-by-email-inner").click(function(){
    $($(this).nextAll(".follow-by-email-inner-bot-msg")[0]).slideToggle("slow");
  });
});
  </script>
<style>
.supbox{margin: auto; width: 100%; background-color: #e4e4e4;cursor: pointer;}
.sbox{text-align: center;cursor: pointer;}
.follow-by-email-address[type="text"]{width: 95%; border: 1px solid indianred; outline: none;font-size: 16px;padding: 7px;background-color: #fff;border-radius: 3px;color:#1d9c73;cursor: pointer;}
.follow-by-email-submit[type="submit"]{width: 97%; border: 1px solid indianred; outline: none; font-size: 16px; padding: 7px; background-color: indianred; border-radius: 3px; color: #fff; margin-top:5px;cursor: pointer;}
.follow-by-email-submit:hover{background-color: #1d937c;border: 1px solid #1d9c73;}
.follow-by-email-inner-top-msg{text-align: center; line-height: 20px; background-color: #fff; color: indianred; font-family: sans-serif; font-size:15px; margin: 0px; border-bottom: 5px solid #1d9c73;}
.follow-by-email-inner-bot-msg{text-align: center; line-height: 20px; background-color: #fff; color: #1d9c73; font-family: sans-serif; font-size:15px; display:none; margin: 0px; border-bottom: 5px solid #1d9c73;}
</style>
</head>
<body>
<div class="follow-by-email-inner">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(&quot;https://feedburner.google.com/fb/a/mailverify?uri=PlusJobGetLatestJobNotificationsForRecruitmentInGovernmentAndVariousOtherSectors&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true" target="popupwindow">
<p class="follow-by-email-inner-top-msg"><i class="fa fa-bullhorn"></i>&nbsp;&nbsp; To Get Job Updates <br /><i class="fa fa-quote-left"></i>&nbsp;&nbsp;Sign Up Now &nbsp;&nbsp;<i class="fa fa-quote-right"></i></p>
<table class="supbox">
<tbody>
<tr><td class="sbox"><input class="follow-by-email-address" name="email" placeholder="Email address..." type="text"></td></tr>
<tr><td class="sbox"><button class="follow-by-email-submit" type="submit">Subscribe Me&nbsp;&nbsp;<i class="fa fa-envelope"></i></button></td></tr>
</tbody></table>
<input name="uri" value="PlusJobGetLatestJobNotificationsForRecruitmentInGovernmentAndVariousOtherSectors" type="hidden">
<input name="loc" value="en_US" type="hidden">
</form>
</div>
<div class="follow-by-email-inner-bot-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>
at