Просмотр исходного кода

公司注册页面-基础版本

zhengkaixin 3 лет назад
Родитель
Сommit
f9ee0559a0
4 измененных файлов с 4395 добавлено и 1178 удалено
  1. BIN
      assets/img/company_add_icon.png
  2. BIN
      assets/img/company_add_logo.png
  3. 4049 888
      css/head.css
  4. 346 290
      html/company/register.html

BIN
assets/img/company_add_icon.png


BIN
assets/img/company_add_logo.png


Разница между файлами не показана из-за своего большого размера
+ 4049 - 888
css/head.css


+ 346 - 290
html/company/register.html

@@ -1,291 +1,347 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<title></title>
-	</head>
-	<body>
-		<div id="head"></div>
-		<script>
-		$(function(){
-			$("#head").load("../head.html");
-		})
-		
-		</script>
-		<div class="container-fluid">
-			<div class="row-fluid">
-				<div class="span12">
-					<div class="navbar">
-						<div class="navbar-inner">
-							<div class="container-fluid">
-								 <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar collapsed"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="#" class="brand">网站名222</a>
-								<div class="nav-collapse navbar-responsive-collapse in collapse">
-									<ul class="nav">
-										<li class="active">
-											<a href="#">主页</a>
-										</li>
-										<li>
-											<a href="#">链接</a>
-										</li>
-										<li>
-											<a href="#">链接</a>
-										</li>
-										<li class="dropdown">
-											 <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
-											<ul class="dropdown-menu">
-												<li>
-													<a href="#">下拉导航1</a>
-												</li>
-												<li>
-													<a href="#">下拉导航2</a>
-												</li>
-												<li>
-													<a href="#">其他</a>
-												</li>
-												<li class="divider">
-												</li>
-												<li class="nav-header">
-													标签
-												</li>
-												<li>
-													<a href="#">链接1</a>
-												</li>
-												<li>
-													<a href="#">链接2</a>
-												</li>
-											</ul>
-										</li>
-									</ul>
-									<ul class="nav pull-right">
-										<li>
-											<a href="#">右边链接</a>
-										</li>
-										<li class="divider-vertical">
-										</li>
-										<li class="dropdown">
-											 <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
-											<ul class="dropdown-menu">
-												<li>
-													<a href="#">下拉导航1</a>
-												</li>
-												<li>
-													<a href="#">下拉导航2</a>
-												</li>
-												<li>
-													<a href="#">其他</a>
-												</li>
-												<li class="divider">
-												</li>
-												<li>
-													<a href="#">链接3</a>
-												</li>
-											</ul>
-										</li>
-									</ul>
-								</div>
-								
-							</div>
-						</div>
-						
-					</div>
-				</div>
-			</div>
-			<div class="row-fluid">
-				<div class="span12">
-					<dl>
-						<dt>
-							Rolex
-						</dt>
-						<dd>
-							劳力士创始人为汉斯.威尔斯多夫,1908年他在瑞士将劳力士注册为商标。
-						</dd>
-						<dt>
-							Vacheron Constantin
-						</dt>
-						<dd>
-							始创于1775年的江诗丹顿已有250年历史,
-						</dd>
-						<dd>
-							是世界上历史最悠久、延续时间最长的名表之一。
-						</dd>
-						<dt>
-							IWC
-						</dt>
-						<dd>
-							创立于1868年的万国表有“机械表专家”之称。
-						</dd>
-						<dt>
-							Cartier
-						</dt>
-						<dd>
-							卡地亚拥有150多年历史,是法国珠宝金银首饰的制造名家。
-						</dd>
-					</dl>
-					<h3>
-						h3. 这是一套可视化布局系统.
-					</h3><img alt="140x140" src="img/a.jpg" />
-				</div>
-			</div>
-			<div class="row-fluid">
-				<div class="span12">
-					<form>
-						<fieldset>
-							 <legend>表单项</legend> <label>表签名</label><input type="text" /> <span class="help-block">这里填写帮助信息.</span> <label class="checkbox"><input type="checkbox" /> 勾选同意</label> <button type="submit" class="btn">提交</button>
-						</fieldset>
-					</form>
-				</div>
-			</div>
-			<div class="row-fluid">
-				<div class="span12">
-					<div class="row-fluid">
-						<div class="span8">
-							<div class="row-fluid">
-								<div class="span6">
-									<div class="btn-group">
-										 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
-										<ul class="dropdown-menu">
-											<li>
-												<a href="#">操作</a>
-											</li>
-											<li>
-												<a href="#">设置栏目</a>
-											</li>
-											<li>
-												<a href="#">更多设置</a>
-											</li>
-											<li class="divider">
-											</li>
-											<li class="dropdown-submenu">
-												 <a tabindex="-1" href="#">更多选项</a>
-												<ul class="dropdown-menu">
-													<li>
-														<a href="#">操作</a>
-													</li>
-													<li>
-														<a href="#">设置栏目</a>
-													</li>
-													<li>
-														<a href="#">更多设置</a>
-													</li>
-												</ul>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="span6">
-									<form class="form-search">
-										<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
-									</form>
-								</div>
-							</div>
-						</div>
-						<div class="span4">
-							<div class="btn-group">
-								 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
-								<ul class="dropdown-menu">
-									<li>
-										<a href="#">操作</a>
-									</li>
-									<li>
-										<a href="#">设置栏目</a>
-									</li>
-									<li>
-										<a href="#">更多设置</a>
-									</li>
-									<li class="divider">
-									</li>
-									<li class="dropdown-submenu">
-										 <a tabindex="-1" href="#">更多选项</a>
-										<ul class="dropdown-menu">
-											<li>
-												<a href="#">操作</a>
-											</li>
-											<li>
-												<a href="#">设置栏目</a>
-											</li>
-											<li>
-												<a href="#">更多设置</a>
-											</li>
-										</ul>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="row-fluid">
-				<div class="span4">
-					<div class="btn-group">
-						 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
-						<ul class="dropdown-menu">
-							<li>
-								<a href="#">操作</a>
-							</li>
-							<li>
-								<a href="#">设置栏目</a>
-							</li>
-							<li>
-								<a href="#">更多设置</a>
-							</li>
-							<li class="divider">
-							</li>
-							<li class="dropdown-submenu">
-								 <a tabindex="-1" href="#">更多选项</a>
-								<ul class="dropdown-menu">
-									<li>
-										<a href="#">操作</a>
-									</li>
-									<li>
-										<a href="#">设置栏目</a>
-									</li>
-									<li>
-										<a href="#">更多设置</a>
-									</li>
-								</ul>
-							</li>
-						</ul>
-					</div>
-				</div>
-				<div class="span4">
-					<div class="btn-group">
-						 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
-						<ul class="dropdown-menu">
-							<li>
-								<a href="#">操作</a>
-							</li>
-							<li>
-								<a href="#">设置栏目</a>
-							</li>
-							<li>
-								<a href="#">更多设置</a>
-							</li>
-							<li class="divider">
-							</li>
-							<li class="dropdown-submenu">
-								 <a tabindex="-1" href="#">更多选项</a>
-								<ul class="dropdown-menu">
-									<li>
-										<a href="#">操作</a>
-									</li>
-									<li>
-										<a href="#">设置栏目</a>
-									</li>
-									<li>
-										<a href="#">更多设置</a>
-									</li>
-								</ul>
-							</li>
-						</ul>
-					</div>
-				</div>
-				<div class="span4">
-					<form class="form-search">
-						<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
-					</form>
-				</div>
-			</div>
-		</div>
-		
-	</body>
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<script src="/lanhu-bootstrap/js/jquery-1.9.1.min.js"></script>
+		<link rel="stylesheet" href="/lanhu-bootstrap/css/head.css">
+
+	</head>
+	<body>
+		<div id="head"></div>
+		<script>
+			$(function() {
+				$("#head").load("../head.html");
+			})
+		</script>
+		<main class="jpmain">
+			<div class=" jpcontainer">
+				<style>
+					dt {
+						margin-top: 20px;
+					}
+
+					dd {
+						margin-top: 20px;
+						margin-bottom: 20px;
+					}
+
+					input,
+					textarea {
+						border-width: 0;
+						height: 48px;
+						border-radius: 8px;
+						background-color: rgba(239, 241, 244, 1);
+						width: 100%;
+						padding-left: 20px;
+					}
+
+					.btn-group {
+						width: 100%;
+						height: 48px;
+					}
+
+					.btn-group>.btn {
+						width: 80%;
+						height: 48px;
+					}
+
+					.btn-group>.dropdown-toggle {
+						width: 20%;
+						height: 48px;
+					}
+				</style>
+				<div class="row-fluid">
+					<div class="span12">
+						<dl>
+							<dt class="jph2">
+								Company profile
+
+							</dt>
+							<dd>
+								This information will be displayed on the company homepage
+							</dd>
+							<dt class="jph3">
+								Company logo
+							</dt>
+							<dd>
+								<button style="
+									width: 85px;
+								    height: 85px;
+								    border: 0px;
+								background: url(/lanhu-bootstrap/assets/img/company_add_logo.png);"></button>
+								<!-- <img style="vertical-align: bottom;"
+									src="/lanhu-bootstrap/assets/img/company_add_logo.png"> -->
+								<span style="
+    position: relative;
+    bottom: -30px;
+">(png,jpg,gif)</span>
+							</dd>
+
+							<dt class="jph3">
+								Company name
+							</dt>
+							<dd>
+								<input type="text" placeholder="请输入身份证号" />
+							</dd>
+
+						</dl>
+
+					</div>
+				</div>
+				<div class="row-fluid">
+					<div class="span6">
+						<dt class="jph3">
+							Contact person name
+						</dt>
+						<dd>
+							<input type="text" placeholder="请输入身份证号" />
+						</dd>
+					</div>
+					<div class="span6">
+						<dt class="jph3">
+							Title region
+						</dt>
+						<dd>
+							<input type="text" placeholder="请输入身份证号" />
+						</dd>
+					</div>
+				</div>
+				<div class="row-fluid">
+					<div class="span12">
+						<div class="row-fluid">
+							<div class="span6">
+								<dt class="jph3">
+									Contact number
+								</dt>
+								<dd>
+									<div class="row-fluid">
+
+
+										<div class="span4">
+											<div class="btn-group">
+												<button class="btn">Action</button> <button data-toggle="dropdown"
+													class="btn dropdown-toggle"><span class="caret"></span></button>
+												<ul class="dropdown-menu">
+													<li>
+														<a href="#">操作</a>
+													</li>
+													<li>
+														<a href="#">设置栏目</a>
+													</li>
+													<li>
+														<a href="#">更多设置</a>
+													</li>
+													<li class="divider">
+													</li>
+													<li class="dropdown-submenu">
+														<a tabindex="-1" href="#">更多选项</a>
+														<ul class="dropdown-menu">
+															<li>
+																<a href="#">操作</a>
+															</li>
+															<li>
+																<a href="#">设置栏目</a>
+															</li>
+															<li>
+																<a href="#">更多设置</a>
+															</li>
+														</ul>
+													</li>
+												</ul>
+											</div>
+										</div>
+										<div class="span8">
+											<input type="text" />
+										</div>
+									</div>
+								</dd>
+								<dd>
+									<button style="
+										width: 50px;
+									    height: 50px;
+									    border: 0px;
+									background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
+
+
+								</dd>
+							</div>
+							<div class="span6">
+								<dt class="jph3">
+									Contact Email
+								</dt>
+								<dd>
+									<input type="text" placeholder="请输入身份证号" />
+								</dd>
+								<dd>
+									<button style="
+										width: 50px;
+									    height: 50px;
+									    border: 0px;
+									background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
+
+								</dd>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="row-fluid">
+					<dt class="jph3">
+						Contact person name
+					</dt>
+					<dd>
+						<div class="span7">
+							<div class="span4">
+								<div class="btn-group">
+									<button class="btn">Action</button> <button data-toggle="dropdown"
+										class="btn dropdown-toggle"><span class="caret"></span></button>
+									<ul class="dropdown-menu">
+										<li>
+											<a href="#">操作</a>
+										</li>
+										<li>
+											<a href="#">设置栏目</a>
+										</li>
+										<li>
+											<a href="#">更多设置</a>
+										</li>
+										<li class="divider">
+										</li>
+										<li class="dropdown-submenu">
+											<a tabindex="-1" href="#">更多选项</a>
+											<ul class="dropdown-menu">
+												<li>
+													<a href="#">操作</a>
+												</li>
+												<li>
+													<a href="#">设置栏目</a>
+												</li>
+												<li>
+													<a href="#">更多设置</a>
+												</li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+
+							</div>
+							<div class="span4">
+								<div class="btn-group">
+									<button class="btn">Action</button> <button data-toggle="dropdown"
+										class="btn dropdown-toggle"><span class="caret"></span></button>
+									<ul class="dropdown-menu">
+										<li>
+											<a href="#">操作</a>
+										</li>
+										<li>
+											<a href="#">设置栏目</a>
+										</li>
+										<li>
+											<a href="#">更多设置</a>
+										</li>
+										<li class="divider">
+										</li>
+										<li class="dropdown-submenu">
+											<a tabindex="-1" href="#">更多选项</a>
+											<ul class="dropdown-menu">
+												<li>
+													<a href="#">操作</a>
+												</li>
+												<li>
+													<a href="#">设置栏目</a>
+												</li>
+												<li>
+													<a href="#">更多设置</a>
+												</li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+
+							</div>
+							<div class="span4">
+								<div class="btn-group">
+
+									<button class="btn" style="width: 80%;">Action</button> <button style="width: 20%;"
+										data-toggle="dropdown" class="btn dropdown-toggle"><span
+											class="caret"></span></button>
+									<ul class="dropdown-menu">
+										<li>
+											<a href="#">操作</a>
+										</li>
+										<li>
+											<a href="#">设置栏目</a>
+										</li>
+										<li>
+											<a href="#">更多设置</a>
+										</li>
+										<li class="divider">
+										</li>
+										<li class="dropdown-submenu">
+											<a tabindex="-1" href="#">更多选项</a>
+											<ul class="dropdown-menu">
+												<li>
+													<a href="#">操作</a>
+												</li>
+												<li>
+													<a href="#">设置栏目</a>
+												</li>
+												<li>
+													<a href="#">更多设置</a>
+												</li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+
+							</div>
+						</div>
+						<div class="span5"> <input type="text" placeholder="请输入身份证号" />
+						</div>
+
+					</dd>
+					<dd>
+						<button style="
+							width: 50px;
+						    height: 50px;
+						    border: 0px;
+						background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
+
+					</dd>
+				</div>
+				<div class="row-fluid">
+					<div class="span6">
+						<dt class="jph3">
+							Contact person name
+						</dt>
+						<dd>
+							<input type="text" placeholder="请输入身份证号" />
+						</dd>
+					</div>
+					<div class="span6">
+						<dt class="jph3">
+							Title region
+						</dt>
+						<dd>
+							<input type="text" placeholder="请输入身份证号" />
+						</dd>
+					</div>
+				</div>
+				<div class="row-fluid">
+					<div class="span12">
+						<dt class="jph3">
+							Contact person name
+						</dt>
+						<dd>
+							<textarea style="height: 90px;" rows="3" placeholder="请输入身份证号"></textarea>
+						</dd>
+					</div>
+
+				</div>
+				<div class="row-fluid">
+					<button class="hbutton" style="  float: right; ">upload</button>
+				</div>
+			</div>
+		</main>
+	</body>
 </html>

Некоторые файлы не были показаны из-за большого количества измененных файлов