CSS
body.loginpage { background-image: url(../images/background-image.jpg); background-size:cover; }
HTML
<body class="loginpage"> <div class="loginpanel"> <div class="loginpanelinner"> <div class="logo animate0 bounceIn"> <img src="UI/main.shamcey/images/logo.png" alt="" /> </div> <div class="inputwrapper login-alert"> <div class="alert alert-error">Invalid username or password</div> </div> <div class="inputwrapper animate1 bounceIn"> <input type="text" name="username" id="username" placeholder="Enter any username" /> </div> <div class="inputwrapper animate2 bounceIn"> <input type="password" name="password" id="password" placeholder="Enter any password" /> </div> <div class="inputwrapper animate3 bounceIn"> <button id="submit" name="submit">Sign In</button> </div> <div class="inputwrapper animate4 bounceIn"> <label> <input type="checkbox" class="remember" name="signin" /> Keep me sign in </label> </div> </div> </div> <div class="loginfooter"> <p>© 2013. Shamcey Admin Template. All Rights Reserved.</p> </div> </body>