Raintree WiFi

Login

by Emmanuel Garcia

HTML

<div style="max-width:800px; min-width:300px; margin:0 auto;" class="centered">
       <div style="max-width:97%; margin:0 auto;">
           <div align="center"><img src="http://raintreereview.com/RaintreeWifi/images/raintree-logo.png" width="250" height="auto"/></div><br>
<div id="divtop">RAINTREE WIFI LOGIN</div>
<div id="divmiddle"><div style="max-width:97%; min-width:300px; margin:0 auto; padding-top:20px;">
    <FORM action="userlogin.shtml" method="post" name="Enter" id="Enter">
    <span class="font_general">Unsername /</span><span class="font_general_es"> Usuario<br></span>
    <input name="username" id="username" type='text' class='input_login' onKeyPress="return submitenter(this, event);"/> <br><br>
        <span class="font_general">Password /</span><span class="font_general_es"> Contraseña<br></span>
    <input name="password" id="password" type='password' class='input_login' onKeyPress="return submitenter(this, event);"/> <br><br>
    
         <a href="#" onClick="Form_Submit('Enter');"><input type="button" value="LOGIN" id="botton"></a><p></p><p></p>
             
             <INPUT type="checkbox" name="rememberme" id="rememberme"> 
                            <span class="style_r">Remeber me</span>
                  
                    <INPUT type="hidden" name="vlan_id" id="vlan_id" value="0">
                    </FORM>
             
                 
                 
                                 <p></p> <span class="font_tittle">WELCOME TO RAINTREE VACATION CLUB!<br></span>
                                  <span class="font_subtittle">BIENVENIDO A RAINTREE VACATION CLUB!</span>
                                      
                            
    
</div>
           
</div><div id="divfooter"></div>
           
           </div></div>

CSS

body { 
background:url(http://raintreereview.com/RaintreeWifi/images/club-regina-cancun.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    font-family: arial;
}
{
background:url(http://raintreereview.com/RaintreeWifi/images/club-regina-cancun.jpg) no-repeat fixed center;
height: 100%;
width:100%
}

.centered {
    padding-top:10%;
}


#divtop{ background:rgba(0,45,90,0.9); width:100%;
    font-size:2em; padding-top:10px;padding-bottom:10px;
    text-align:center;
    color:#ffffff;
-webkit-border-top-right-radius: 24px;
-webkit-border-top-left-radius: 24px; }
#divmiddle{ background:rgba(255,255,255,0.8); width:100%; height:500px; text-align:center;}
#divfooter{ background-color:#002e59; width:100%; height:30px;
-webkit-border-bottom-right-radius: 24px;
-webkit-border-bottom-left-radius: 24px;}



.font_tittle{ font-size:28px; font-weight:bold; color:#002e59;}
.font_subtittle{ font-size:23px; color:#666; font-style:italic;}
.font_general{ font-size:22px; color:#002e59; font-style:bold;}
.font_general_es{ font-size:22px; color:#666; font-style:italic;}


#botton {
	text-decoration: none;
	background: #002e59;
	color: #FFF;
	font-size: 20px;
	border: none;
	width: 40%;
	height: 35px;
}
input#botton:hover {
	background-color: #ccc;
}
.input_login{ width: 40%; height:35px; text-align:center; font-size:14px;}