Landing box (⊙o⊙)

<form id= "loginfrm" role= "form" method= "POST" novalidate= "Novalidate" > <input type= "text" class= "form- Control "name=" username "id=" username "placeholder=" e-mail "> <div class=" Form-group "> &lt Input type= "text" class= "Form-control" name= "username" id= "username" placeholder= "e-mail" > <i class= "I                     Con icon-user "></i> <!--error message PopOver--<div class=" Err-popover-out ">                        <div class= "Err-popover" > <div class= "tri-right" ></div> <div class= "tri-right-in" ></div> <div class= "Err-popover-content" &             Gt;</div> </div> </div> <!--error message PopOver End---- </div> <div class= "Form-group" > <input type= "password" class= "Form-co Ntrol "id=" password "name= "password" placeholder= "password" > <i class= "icon Icon-lock" ></i> <!--error message PO                        Pover--<div class= "Err-popover-out" > <div class= "Err-popover" > <div class= "Tri-right" ></div> <div class= "tri-right-in" ></div&                        Gt                <div class= "err-popover-content" ></div> </div> </div>                <!--error message PopOver End--</div> <div class= "Form-group clearfix" > <div class= "Form-left" > <input type= "text" class= "Form-control" id= "Ccap-text" Name= "Ccap                "placeholder=" Verification Code > <i class= "icon Icon-shield" ></i> </div> <div class= "Form-right" >                </div> <!--error message PopOver-<div class= "Err-popover-out" >                        <div class= "Err-popover" > <div class= "tri-right" ></div> <div class= "tri-right-in" ></div> <div class= "Err-popover-content" &G            T;</div> </div> </div> <!--error message PopOver End----                  </div> <div class= "checkbox" > <label class= "a" for= "Rem_me" > <input type= "checkbox" id= "Rem_me" class= "Auto" > Remember me </label> <a HR ef= "/retrieve" class= "Pull-right a" > Forgot password? </a> </div> <button type= "Submit" id= "Submit" class= "btn btn-blue Form-control" &GT;&L           t;span> login </span></button> <div class= "checkbox no-padding" >     <a href= "/reactive" class= "a Text-center" > re-send activation mail </a> </div> </form> 

(function($) {$.fn.placeholder=function() {        if(!Modernizr.input.placeholder) {$ (' [placeholder] '). Focus (function() {                varInput = $ ( This); if(Input.attr (' type ')!== ' password ' && input.attr (' placeholder ')! = 0) {                    if(Input.val () = = input.attr (' placeholder ')) {input.val (‘‘); Input.removeclass (' Placeholder '); }}). blur (function() {                varInput = $ ( This); if(Input.attr (' type ')!== ' password ' && input.attr (' placeholder ')! = 0) {                    if(Input.val () = = = "| | input.val () = = = Input.attr (' placeholder ') {Input.addclass (' Placeholder '); Input.val (Input.attr (' Placeholder ')); }}). blur (). Parents (' form '). Submit (function() {                $( This). Find (' [placeholder] '). each (function() {                    varInput = $ ( This); if(Input.attr (' type ')!== ' password ' && input.attr (' placeholder ')! = 0){                        if(Input.val () = = input.attr (' placeholder ')) {input.val (‘‘);            }                    }                                    });        }); }    };}) (jQuery);

Landing box (⊙o⊙)