导航栏示例 | 页脚示例
<!DOCTYPE html>
<html>
<head>
<!-- 可直接使用框架提供的在线CSS文件 -->
<!-- 若要使用本地的文件,请注释掉下面两行标记 -->
<link rel="stylesheet" href="http://newfront.free4inno.com/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://newfront.free4inno.com/css/front.css">

<!-- 也可以使用下载到本地的CSS文件,请去掉下面两行标记的注释。其中localpath为本地路径。 -->
<!-- 若要使用在线文件,请注释掉下面两行标记 -->
<!-- <link rel="stylesheet" href="[localpath]/css/bootstrap.min.css"> -->
<!-- <link rel="stylesheet" href="[localpath]/css/front.css"> -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="front-inner">
 <div class="container">
<div class="jumbotron hero-login">
	  <div class="container text-center">
	  	<a><img src="/bootstrap-front/dev/img/login_logo.png" alt=""></a>
	  	<h4 style="color: #fff">用一个账号访问我们所有的服务</h4>
	  </div>
	 </div>
		<div class="row">
			<form >
			<div class="col-md-offset-4 col-md-4" >
				<div class="form-group">
				    <input type="email" name="email"   class="form-control input-lg" value="" placeholder="邮箱"/>
				</div>
		  	<div class="form-group">
		    	<input type="password" name="epsw" class="form-control input-lg" value=""  placeholder="密码"/>
        		    <input type="hidden" name="passwordmd5"  value="" />
        		    <input type="hidden" name="state" value="" />
		  	</div>
		  	<div class="form-group">
		  		<button type="submit" class="btn btn-info btn-block btn-lg">登录</button>
		  	</div>
		  	<div class="form-group clearfix text-center">
				<div class="checkbox front-remfield">
					<label><input type="checkbox" >记住此用户名</label>
				</div>
			</div>
		  	<div class="front-login-hr"></div>
		  	<div class="form-group">
		  		<input type="button" class="btn btn-default btn-block btn-lg free_reg" style="border: 1px solid #5bc0de;color: #5bc0de"
		  			value="还没有账号?免费注册" >
		  	</div>
		  	<div class="form-group">
		  		<input type="button" class="btn btn-default btn-block btn-lg" style="color: #ccc"
		  			value="忘记密码?找回" >
		  	</div>
			</div>
			</form>
		  </div>
		  
	   </div>
<footer class="footer-default hidden-xs">
    <div class="text-center">Copyright © All Right Reserved by BUPT(2015)</div>
</footer>
</div>
<!-- 可直接使用框架提供的在线js文件 -->
<!-- 若要使用本地的文件,请注释掉下面三行标记 -->
<script src="http://newfront.free4inno.com/js/jquery/jquery.min.js"></script>
<script src="http://newfront.free4inno.com/bootstrap/js/bootstrap.min.js"></script>
<script src="http://newfront.free4inno.com/js/plugin/front.js"></script>

<!-- 也可以使用下载到本地的js文件,请去掉下面三行标记的注释。其中localpath为用户本地路径。 -->
<!-- 若要使用在线文件,请注释掉下面三行标记 -->
<!-- <script src="[localpath]/js/jquery.min.js"></script> -->
<!-- <script src="[localpath]/js/bootstrap.min.js"></script> -->
<!-- <script src="[localpath]/js/front.js"></script> -->
</body>
</html>