Hello, I have a nice login form for facebook style wapkiz sites.
Done using W3.CSS Framework only, here's how it's set up:
1. Copy and paste the code in the page header
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
1. Then paste the following code on the login page and that's it.
<div class="w3-center">
<div class="w3-pale-yellow w3-padding w3-text-blue">Get Your app Android and browser fast</div>
</div>
<div class="w3-white w3-padding" style="max-width:480px; margin:0 auto">
<h1 class="w3-center w3-text-indigo w3-xlarge"><b>facebook</b></h1>
<span class="w3-block w3-text-red w3-center">:notify=0:</span>
<input type="text" name="user_name_" class="w3-input w3-border w3-round w3-light-gray" placeholder="Username"><br>
<input type="text" name="password_" class="w3-input w3-border w3-light-gray w3-round" placeholder="Password"><br>
<button type="submit" name="login_user" class="w3-blue w3-button w3-block w3-round"><b>Log in</b></button>
<p class="w3-center w3-text-indigo"><a href="/site_lpass.html">Lost Password?</a></p>
<div class="w3-border-top w3-section w3-display-container"><span class="w3-badge w3-white w3-display-middle w3-padding w3-text-gray">or</span></div>
<p class="w3-padding">
<a href=":site_url:/site_reg.html" class="w3-border w3-button w3-hover-green w3-block w3-border-black w3-padding-small w3-round"><b>creat new account</b></a>
</p>
</div>
Any doubts, leave them in the comments.