Effect preview: http://hovertree.com/texiao/css/22/
The code is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "UTF-8"><Linkrel= "stylesheet"href= "Http://hovertree.com/texiao/css/22/css/hovertree_login.css" /><title> Green Simple School Management System login page HTML template_ How to ask</title><BaseTarget= "_blank" /></Head><Body><DivID= "header"><Divclass= "Header_title"><spanclass= "Title_con">How to ask about the system of learning and working</span></Div></Div><DivID= "Content"><Center><Divclass= "Con"><Divclass= "Con_title"><spanclass= "CON_TITLE_SP">Welcome to log in to the learning system</span></Div><Divclass= "Con_panel"><Divclass= "Con_input"><span>User name:</span><inputtype= "text"placeholder= "School Number/work number"/></Div><Divclass= "Con_input"><span>Dense Code:</span><inputtype= "text"placeholder= "Password"/></Div><Divclass= "Con_select"><inputtype= "Radio"name= "T1"ID= "Hovertreestu"value= "Student" /><label for= "Hovertreestu">Students</label><inputtype= "Radio"name= "T1"ID= "Hovertreetea"value= "Teacher" /><label for= "Hovertreetea">Teachers</label><inputtype= "Radio"name= "T1"ID= "Hovertreeadm"value= "Administrator" /><label for= "Hovertreeadm">Administrator</label></Div><inputtype= "Submit"value= "Login"class= "Submit-btn"/></Div></Div></Center></Div><DivID= "Footer">©City Key High School technical support:<ahref= "http://hovertree.com/">How to ask</a><BR/><ahref= "Http://hovertree.com/h/bjaf/7ioeyqhe.htm">Demo 1</a> <ahref= "Http://hovertree.com/hvtart/bjae/dh4pqx2p.htm">Demo 2</a> <ahref= "Http://hovertree.com/h/bjaf/2hhi6cjy.htm">Original</a><ahref= "http://hovertree.com/texiao/">More effects</a></Div></Body></HTML>
SOURCE Download: http://hovertree.com/h/bjaf/l243x19a.htm
Transferred from: http://hovertree.com/h/bjaf/2hhi6cjy.htm
More Effects: http://www.cnblogs.com/roucheng/p/texiao.html
Green Simple School Login HTML page