bootstrap 登录页面
来源:互联网 发布:thinkphp分销商城源码 编辑:程序博客网 时间:2024/05/29 07:40
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>商家登录</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Joychao <joy@joychao.cc>">
</head>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link class="library" rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/css/bootstrap.min.css">
<script class="bootstrap library" src="http://sandbox.runjs.cn/js/sandbox/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script class="bootstrap library" src="http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<style>
*{margin:0;padding: 0;}
body{background: #444 url(http://sandbox.runjs.cn/uploads/rs/418/nkls38xx/carbon_fibre_big.png);font-family:"宋体";}
.loginBox{width:420px;height:230px;padding:0 20px;border:1px solid #fff; color:#000; margin-top:40px; border-radius:8px;background: white;box-shadow:0 0 15px #222; background: -moz-linear-gradient(top, #fff, #efefef 8%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));font:11px/1.5em 'Microsoft YaHei' ;position: absolute;left:50%;top:50%;margin-left:-210px;margin-top:-115px;}
.loginBox h2{height:45px;font-size:20px;font-weight:normal;}
.loginBox .left{border-right:1px solid #ccc;height:100%;padding-right: 20px; }
.regBtn{margin-top:21px;}
</style>
<body>
<div class="container">
<section class="loginBox row-fluid">
<section class="span7 left">
<h2>商户登录</h2>
<p><input type="text" name="username" placeholder="用户名"/></p>
<p><input type="text" name="password" placeholder="密码"/></p>
<section class="row-fluid">
<section class="span8 lh30"><label><input type="checkbox" name="rememberme" />下次自动登录</label></section>
<section class="span1"><input type="button" value=" 登录 " class="btn btn-primary"></section>
</section>
</section>
<section class="span5 right">
<h2>没有帐户?</h2>
<section>
<p>这里有一段文字啊,很多的文字啊,太多太多的文字了,主要可以介绍介绍注册的好处和公司或者项目概况。。。</p>
<p><input type="button" value=" 注册 " class="btn regBtn"></p>
</section>
</section>
</section><!-- /loginBox -->
</div> <!-- /container -->
</body>
</html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>商家登录</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Joychao <joy@joychao.cc>">
</head>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link class="library" rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/css/bootstrap.min.css">
<script class="bootstrap library" src="http://sandbox.runjs.cn/js/sandbox/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script class="bootstrap library" src="http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<style>
*{margin:0;padding: 0;}
body{background: #444 url(http://sandbox.runjs.cn/uploads/rs/418/nkls38xx/carbon_fibre_big.png);font-family:"宋体";}
.loginBox{width:420px;height:230px;padding:0 20px;border:1px solid #fff; color:#000; margin-top:40px; border-radius:8px;background: white;box-shadow:0 0 15px #222; background: -moz-linear-gradient(top, #fff, #efefef 8%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));font:11px/1.5em 'Microsoft YaHei' ;position: absolute;left:50%;top:50%;margin-left:-210px;margin-top:-115px;}
.loginBox h2{height:45px;font-size:20px;font-weight:normal;}
.loginBox .left{border-right:1px solid #ccc;height:100%;padding-right: 20px; }
.regBtn{margin-top:21px;}
</style>
<body>
<div class="container">
<section class="loginBox row-fluid">
<section class="span7 left">
<h2>商户登录</h2>
<p><input type="text" name="username" placeholder="用户名"/></p>
<p><input type="text" name="password" placeholder="密码"/></p>
<section class="row-fluid">
<section class="span8 lh30"><label><input type="checkbox" name="rememberme" />下次自动登录</label></section>
<section class="span1"><input type="button" value=" 登录 " class="btn btn-primary"></section>
</section>
</section>
<section class="span5 right">
<h2>没有帐户?</h2>
<section>
<p>这里有一段文字啊,很多的文字啊,太多太多的文字了,主要可以介绍介绍注册的好处和公司或者项目概况。。。</p>
<p><input type="button" value=" 注册 " class="btn regBtn"></p>
</section>
</section>
</section><!-- /loginBox -->
</div> <!-- /container -->
</body>
</html>
0 0
- bootstrap 登录页面
- bootstrap创建登录注册页面
- bootstrap创建登录注册页面
- django-bootstrap第一个登录页面
- 简单表格、 表单、登录页面bootstrap
- Bootstrap+web+Idea实现登录页面(含验证码)
- 第4.1.1章 WEB系统最佳实践页面实例-bootstrap登录页面
- 基于bootstrap(H+)的MVC网站开发之一登录页面
- 登录页面 输入框左侧加图标 炫酷透明效果 bootstrap css fontawesome联合打造
- bootstrap 表单 登录表单
- 登录页面
- 登录页面
- 登录页面
- 登录页面
- 登录页面
- 登录页面
- 页面登录
- 登录页面
- PAT 09-散列3. Hashing - Hard Version (30)
- 学习笔记-bloom filter
- 标准的HTML头部写法
- 使用LevelListDrawable实现Html.fromHtml多张图片显示
- mac系统Command键几个小用法
- bootstrap 登录页面
- iOS 设置UIActionSheet 按钮颜色
- 2.1.16 Plus One
- 从 NSURLConnection 到 NSURLSession
- 不要告诉我你懂margin
- Linux设备模型(7)_Class
- python爬虫系列
- 正则表达式
- STM32 NVIC 中断优先级管理