123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <title>登录 - Bootstrap后台管理系统模版Ace下载</title>
- <meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
- <meta name="description" content="站长素材提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <!-- basic styles -->
- <link href="/dist/css/bootstrap.min.css" rel="stylesheet" />
- <link rel="stylesheet" href="/dist/css/font-awesome.min.css" />
- <!--[if IE 7]>
- <link rel="stylesheet" href="/dist/css/font-awesome-ie7.min.css" />
- <![endif]-->
- <!-- page specific plugin styles -->
- <!-- ace styles -->
- <link rel="stylesheet" href="/dist/css/ace.min.css" />
- <link rel="stylesheet" href="/dist/css/ace-rtl.min.css" />
- <!--[if lte IE 8]>
- <link rel="stylesheet" href="/dist/css/ace-ie.min.css" />
- <![endif]-->
- <!-- inline styles related to this page -->
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="/dist/js/html5shiv.js"></script>
- <script src="/dist/js/respond.min.js"></script>
- <![endif]-->
- </head>
- <body class="login-layout">
- <div class="main-container">
- <div class="main-content">
- <div class="row">
- <div class="col-sm-10 col-sm-offset-1">
- <div class="login-container">
- <div class="center">
- <h1>
- <i class="icon-leaf green"></i>
- <span class="red">Ace</span>
- <span class="white">Application</span>
- </h1>
- <h4 class="blue">© Company Name</h4>
- </div>
- <div class="space-6"></div>
- <div class="position-relative">
- <div id="login-box" class="login-box visible widget-box no-border">
- <div class="widget-body">
- <div class="widget-main">
- <h4 class="header blue lighter bigger">
- <i class="icon-coffee green"></i>
- Please Enter Your Information
- </h4>
- <div class="space-6"></div>
- <form>
- <fieldset>
- <label class="block clearfix">
- <span class="block input-icon input-icon-right">
- <input type="text" class="form-control" placeholder="Username" />
- <i class="icon-user"></i>
- </span>
- </label>
- <label class="block clearfix">
- <span class="block input-icon input-icon-right">
- <input type="password" class="form-control" placeholder="Password" />
- <i class="icon-lock"></i>
- </span>
- </label>
- <div class="space"></div>
- <div class="clearfix">
- <label class="inline">
- <input type="checkbox" class="ace" />
- <span class="lbl"> Remember Me</span>
- </label>
- <button type="button" class="width-35 pull-right btn btn-sm btn-primary">
- <i class="icon-key"></i>
- Login
- </button>
- </div>
- <div class="space-4"></div>
- </fieldset>
- </form>
- <div class="social-or-login center">
- <span class="bigger-110">Or Login Using</span>
- </div>
- <div class="social-login center">
- <a class="btn btn-primary">
- <i class="icon-facebook"></i>
- </a>
- <a class="btn btn-info">
- <i class="icon-twitter"></i>
- </a>
- <a class="btn btn-danger">
- <i class="icon-google-plus"></i>
- </a>
- </div>
- </div><!-- /widget-main -->
- <div class="toolbar clearfix">
- <div>
- <a href="#" onclick="show_box('forgot-box'); return false;" class="forgot-password-link">
- <i class="icon-arrow-left"></i>
- I forgot my password
- </a>
- </div>
- <div>
- <a href="#" onclick="show_box('signup-box'); return false;" class="user-signup-link">
- I want to register
- <i class="icon-arrow-right"></i>
- </a>
- </div>
- </div>
- </div><!-- /widget-body -->
- </div><!-- /login-box -->
- <div id="forgot-box" class="forgot-box widget-box no-border">
- <div class="widget-body">
- <div class="widget-main">
- <h4 class="header red lighter bigger">
- <i class="icon-key"></i>
- Retrieve Password
- </h4>
- <div class="space-6"></div>
- <p>
- Enter your email and to receive instructions
- </p>
- <form>
- <fieldset>
- <label class="block clearfix">
- <span class="block input-icon input-icon-right">
- <input type="email" class="form-control" placeholder="Email" />
- <i class="icon-envelope"></i>
- </span>
- </label>
- <div class="clearfix">
- <button type="button" class="width-35 pull-right btn btn-sm btn-danger">
- <i class="icon-lightbulb"></i>
- Send Me!
- </button>
- </div>
- </fieldset>
- </form>
- </div><!-- /widget-main -->
- <div class="toolbar center">
- <a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
- Back to login
- <i class="icon-arrow-right"></i>
- </a>
- </div>
- </div><!-- /widget-body -->
- </div><!-- /forgot-box -->
- <div id="signup-box" class="signup-box widget-box no-border">
- <div class="widget-body">
- <div class="widget-main">
- <h4 class="header green lighter bigger">
- <i class="icon-group blue"></i>
- New User Registration
- </h4>
- <div class="space-6"></div>
- <p> Enter your details to begin: </p>
- <form>
- <fieldset>
- <label class="block clearfix">
- <span class="block input-icon input-icon-right">
- <input type="email" class="form-control" placeholder="Email" />
- <i class="icon-envelope"></i>
- </span>
- </label>
- <label class="block clearfix">
- <span class="block input-icon input-icon-right">
- <input type="text" class="form-control" placeholder="Username" />
- <i class="icon-user"></i>
- </span>
- </label>
- <label class="block clearfix">
- <span class="block input-icon input-icon-right">
- <input type="password" class="form-control" placeholder="Password" />
- <i class="icon-lock"></i>
- </span>
- </label>
- <label class="block clearfix">
- <span class="block input-icon input-icon-right">
- <input type="password" class="form-control" placeholder="Repeat password" />
- <i class="icon-retweet"></i>
- </span>
- </label>
- <label class="block">
- <input type="checkbox" class="ace" />
- <span class="lbl">
- I accept the
- <a href="#">User Agreement</a>
- </span>
- </label>
- <div class="space-24"></div>
- <div class="clearfix">
- <button type="reset" class="width-30 pull-left btn btn-sm">
- <i class="icon-refresh"></i>
- Reset
- </button>
- <button type="button" class="width-65 pull-right btn btn-sm btn-success">
- Register
- <i class="icon-arrow-right icon-on-right"></i>
- </button>
- </div>
- </fieldset>
- </form>
- </div>
- <div class="toolbar center">
- <a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
- <i class="icon-arrow-left"></i>
- Back to login
- </a>
- </div>
- </div><!-- /widget-body -->
- </div><!-- /signup-box -->
- </div><!-- /position-relative -->
- </div>
- </div><!-- /.col -->
- </div><!-- /.row -->
- </div>
- </div><!-- /.main-container -->
- <!-- basic scripts -->
- <!--[if !IE]> -->
- <script type="text/javascript">
- window.jQuery || document.write("<script src='/dist/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
- </script>
- <!-- <![endif]-->
- <!--[if IE]>
- <script type="text/javascript">
- window.jQuery || document.write("<script src='/dist/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
- </script>
- <![endif]-->
- <script type="text/javascript">
- if("ontouchend" in document) document.write("<script src='/dist/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
- </script>
- <!-- inline scripts related to this page -->
- <script type="text/javascript">
- function show_box(id) {
- jQuery('.widget-box.visible').removeClass('visible');
- jQuery('#'+id).addClass('visible');
- }
- </script>
- <script type="text/javascript">
- var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
- document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fe9e1d61340ff3d9495a8cca04ebdb49d' type='text/javascript'%3E%3C/script%3E"));
- </script>
- <a href="http://www.iteblog.com/">过往记忆</a>
- </body>
- </html>
|