<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Guangzhou Business School </title><br><div id= "banner" >
<div class= "Container" >
<div class= "Row" >
<div class= "col-xs-12" >
</div>
</div>
</div>
</div>
<body>
<p></p>
<div id= "Container" style= "width:400px" >
<div id= "header" style= "Background-color:aquamarine" >
<div id= "Content" style= "background-color:antiquewhite;height:150px;width:400px;float:left;" >
<form action= "" >
School Number: <input type= "text" name= "user" ><br>
Password: <input type= "password" name= "password" >
<br>
<input type= "button" value= "Login" >
<input type= "button" value= "Logout" >
</form>
</div>
<div id= "Footer" style= "Background-color:aliceblue;clear:both;text-align:center;" > Copyright? Duym</div>
</div>
<div id= "Container" style= "width:400px" >
<div id= "Content" style= "background-color:antiquewhite;height:600px;width:800px;float:left;" >
<form action= "" >
<br><a class= "List-group-item Active" >
School Profile </a>
<a href= "http://www.gzcc.cn/html/xygk/xueyuanjianjie/" class= "List-group-item" >
School Profile </a>
<a href= "http://www.gzcc.cn/html/xygk/xrld/" class= "List-group-item" >
Current Leadership </a>
<a href= "http://www.gzcc.cn/html/xygk/xhxx/" class= "List-group-item" >
Emblem </a>
<a href= "http://www.gzcc.cn/html/xygk/bxll/" class= "List-group-item" >
School Philosophy </a>
<a href= "http://www.gzcc.cn/html/xygk/dsj/" class= "List-group-item" >
Milestones </a>
<a href= "http://www.gzcc.cn/html/xygk/xiaoyuanfengguang/" class= "List-group-item" >
Painting says Campus </a>
<a href= "http://www.gzcc.cn/quanjingxiaoyuan/tour.html" class= "List-group-item" >
Panorama Campus </a>
</form>
</div>
<div id= "Footer" style= "Background-color:aliceblue;clear:both;text-align:center;" > Copyright? Duym</div>
</div>
<div class= "Col-sm-3 hidden-xs" >
<div class= "List-group" >
</div>
</div>
</body>
Web base, creating Web pages with HTML elements