Mohit Design

kodhus.com/kodnest/

$(document).ready(function(){   $('ul li a').click(function(e){     if ( $(this).hasClass('active') ) {         $(this).removeClass('active');     } else {         $('li a.active').removeClass('active');         $(this).addClass('active');         }     e.preventDefault(); }); });

Scroll Down $(document).ready(function(){     $('#page_down').click(function(){      $('html, body').animate({ scrollTop: (document).height() }, 1200); return false;              }); --------------------------------------------------------------------------------------------------------------- Scroll Top $('#scrollToTop').bind("click", function () { $('html, body').animate({ scrollTop: 0 1200); return false; }); });         

Inline Enter Only number  ... <label>   <h4>Enter Only number</h4>   <input type="text" name="areinp" size="30" value="" onChange="areCon()" onkeyup="this.value=this.value.replace(/[^\d]/,'');"> </label> valid only  alphabet  in input box  ... <input type="text" name="fullName" onkeypress="return (event.charCode > 64 &&  event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)"  placeholder="Full Name"> Password (must contain at least 1 uppercase character, 1 lowercase character, and 1 number) <form>         <label for="password">Password (must contain at least 1 uppercase character, 1 lowercase character, and 1 number)</label>         <input type="password" id="password" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$...

HTML  <input type="text" placeholder="Currently has no value (showing placeholder)." > <label>   Show your sms here </label> CSS input {   font-size: 1.5rem;   margin:10px;   padding:10px;   width: 40%; } label{ border:3px solid red; padding:15px; transition:all 0.5s ease-in; width:0px; opacity:1; overflow:hidden;  } input:placeholder-shown + label{   opacity:0; }

View Details( Resume ) :-  https://drive.google.com/open?id=1NGRNhVWQb8_s2e_o1EU0cV5T4htmqtou work- http://mohitverma112.blogspot.com/2015/08/banner-design-for-perfume.html

HTML <button id="update" type="button">Button</button> <div id="counter">1</div> CSS #counter{      width:200px;   height:200px;   border:8px solid red;   border-radius:50%;   display:flex;   align-items:center;   justify-content:center;   font-size:80px;   font-family:roboto;   font-weight:bold;   color:red;    } ADD JQUERY CDN File & is custom file $(document).ready(function(){    $("#update").click(function() {     var count = 0;     var interval = setInterval(function() {    if( count == 99 )       clearInterval(interval);        count++;      $('#counter').html( count);    },300);   });  });