<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Login Form Template</title>
<!-- CSS -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/form-elements.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicon and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<!-- Top content -->
<div class="top-content">
<div class="inner-bg">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text">
<h1><strong>Bootstrap</strong> Login Form</h1>
<div class="description">
<p>
This is a free responsive login form made with Bootstrap.
Download it on <a href="http://azmind.com"><strong>AZMIND</strong></a>, customize and use it as you like!
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-sm-offset-3 form-box">
<div class="form-top">
<div class="form-top-left">
<h3>Login to our site</h3>
<p>Enter your username and password to log on:</p>
</div>
<div class="form-top-right">
<i class="fa fa-key"></i>
</div>
</div>
<div class="form-bottom">
<form role="form" action="" method="post" class="login-form">
<div class="form-group">
<label class="sr-only" for="form-username">Username</label>
<input type="text" name="form-username" placeholder="Username..." class="form-username form-control" id="form-username">
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Password</label>
<input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password">
</div>
<button type="submit" class="btn">Sign in!</button>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-sm-offset-3 social-login">
<h3>...or login with:</h3>
<div class="social-login-buttons">
<a class="btn btn-link-1 btn-link-1-facebook" href="#">
<i class="fa fa-facebook"></i> Facebook
</a>
<a class="btn btn-link-1 btn-link-1-twitter" href="#">
<i class="fa fa-twitter"></i> Twitter
</a>
<a class="btn btn-link-1 btn-link-1-google-plus" href="#">
<i class="fa fa-google-plus"></i> Google Plus
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/scripts.js"></script>
<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->
</body>
</html>
bootstrap做简单大气的登录注册页面
需积分: 50 123 浏览量
2017-05-10
11:40:11
上传
评论
收藏 4.14MB ZIP 举报
bootstrap做简单大气的登录注册页面 （201个子文件） 
bootstrap.css 138KB bootstrap.css 138KB bootstrap.css 138KB bootstrap.min.css 115KB bootstrap.min.css 115KB bootstrap.min.css 115KB font-awesome.css 28KB font-awesome.css 28KB font-awesome.css 28KB font-awesome.min.css 23KB font-awesome.min.css 23KB font-awesome.min.css 23KB bootstrap-theme.css 22KB bootstrap-theme.css 22KB bootstrap-theme.css 22KB bootstrap-theme.min.css 19KB bootstrap-theme.min.css 19KB bootstrap-theme.min.css 19KB style.css 4KB style.css 3KB style.css 3KB form-elements.css 2KB form-elements.css 2KB form-elements.css 2KB style.css 2KB fontawesome-webfont.eot 59KB fontawesome-webfont.eot 59KB fontawesome-webfont.eot 59KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.eot 20KB
index.html 5KB index.html 5KB index.html 5KB index.html 3KB
1@2x.jpg 178KB 1.jpg 178KB 1@2x.jpg 178KB 1.jpg 178KB 1@2x.jpg 167KB 1.jpg 167KB 3.jpg 167KB 3@2x.jpg 167KB 2.jpg 145KB 2@2x.jpg 145KB 1.jpg 65KB 2.jpg 63KB 3.jpg 62KB jquery-1.11.1.js 276KB jquery-1.11.1.js 276KB jquery-1.11.1.js 276KB jquery-1.11.1.min.js 94KB jquery-1.11.1.min.js 94KB jquery-1.11.1.min.js 94KB bootstrap.js 66KB bootstrap.js 66KB bootstrap.js 66KB bootstrap.min.js 35KB bootstrap.min.js 35KB bootstrap.min.js 35KB jquery.backstretch.js 12KB jquery.backstretch.js 12KB jquery.backstretch.js 12KB jquery.backstretch.min.js 4KB jquery.backstretch.min.js 4KB jquery.backstretch.min.js 4KB scripts.js 872B scripts.js 709B scripts.js 709B npm.js 484B npm.js 484B npm.js 484B placeholder.js 126B placeholder.js 126B placeholder.js 126B icons.less 36KB icons.less 36KB icons.less 36KB variables.less 16KB variables.less 16KB variables.less 16KB mixins.less 983B mixins.less 983B mixins.less 983B path.less 770B path.less 770B path.less 770B animated.less 713B animated.less 713B animated.less 713B rotated-flipped.less 622B rotated-flipped.less 622B rotated-flipped.less 622B core.less 509B core.less 509B core.less 509B stacked.less 476B stacked.less 476B stacked.less 476B font-awesome.less 465B共 201 条
- 1
- 2
- 3
评论0
最新资源