Responsive Web Design - Full Landing Page - Responsive Login Form with html and css Posted by Yahya Benlachheb on September 30, 2017 Get link Facebook Twitter Pinterest Email Other Apps HTML CODE Reponsive Login Form Login Form Email : Password : Remamber Me CSS CODE body,html{ margin: 0; padding: 0; height: 100%; font-family: sans-serif; } .d1{ width: 70%; height: 100%; overflow: hidden; float: left; background: url(bg.jpg) center; } .login{ position: fixed; overflow: hidden; width: 100%; max-width: 500px; right: 0; margin: 0; background: #fff; height: 100%; z-index: 1; } .login form{ margin: 160px 30px; } .login h2{ font-size: 30px; color: #f44336; } .login label{ display: block; font-size: 18px; font-weight: 700; margin: 8px 0 } .txtb{ width: 100%; padding: 8px 0; font-size: 18px; } .check{ margin: 8px 0; } .btn{ display: block; float: right; background: #f44336; font-size: 18px; padding: 8px 50px; color: white; border: none; } Comments Edip BaranOctober 28, 2018 at 8:33 PMThank You :DDReplyDeleteRepliesReplyAdd commentLoad more... Post a Comment
Thank You :DD
ReplyDelete