Css
{ background-image: url (.. /images/background-image.jpg); background-size:cover; }
Html
<Bodyclass= "LoginPage"> <Divclass= "Loginpanel"> <Divclass= "Loginpanelinner"> <Divclass= "logo animate0 Bouncein"> <imgsrc= "Ui/main.shamcey/images/logo.png"alt="" /> </Div> <Divclass= "Inputwrapper Login-alert"> <Divclass= "Alert Alert-error">Invalid Username or password</Div> </Div> <Divclass= "Inputwrapper animate1 bouncein"> <inputtype= "text"name= "username"ID= "username"placeholder= "Enter any username" /> </Div> <Divclass= "Inputwrapper animate2 bouncein"> <inputtype= "Password"name= "Password"ID= "Password"placeholder= "Enter any password" /> </Div> <Divclass= "Inputwrapper animate3 bouncein"> <ButtonID= "Submit"name= "Submit">Sign In</Button> </Div> <Divclass= "Inputwrapper animate4 bouncein"> <label> <inputtype= "checkbox"class= "Remember"name= "Signin" />Keep me sign In</label> </Div> </Div> </Div> <Divclass= "Loginfooter"> <P>©Shamcey Admin Template. All rights Reserved.</P> </Div></Body>
HTML Background Image Adaptive