1.新增注册页面、完善登录、密码找回等页面

2.机构信息页面完成数据读取、资源申状态修改

src/main/webapp/css/login.css

@@ -4,39 +4,70 @@
html,body{ cursor:default; margin:0; height:100%;}
#header{ width:100%; height:50%; background:#db7200; }
#footer{ width:100%; height:50%; background:#dbdbdb;}
.inputtxt{ width:100%; height:44px;border:1px #e4e4e4 solid; border-radius:10px;background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6; margin:4px 0; text-indent:1.4em;box-sizing: content-box;}
.inputtxt:focus{ border:1px solid #ff8400;}
.input_warning{ border:1px solid red; }
.submitBtn {display: block; font-size:16px;width: 100%;cursor:pointer;height: 44px;text-indent:0;line-height: 44px;background: #ff8400;text-align: center;margin: 15px 0px;color: #fff;border:1px solid #ff8400;}
/*登录邀请码*/
.loginbox{ /*width:620px; height:600px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 30px; padding-bottom:60px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-280px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.login-title{ color:#ff8500; height:90px;font:16px/90px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; float:right; cursor:pointer;}
.loginbox{ /*width:620px; height:600px;*/ background:#fff; margin:auto; padding:20px;  position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-280px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.login-title{ color:#ff8500;font:16px/86px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; position:absolute;right:20px; top:-10px; cursor:pointer;}
.login-title a{ color:#ff8500; }
.back{ display:block; width:24px; height:24px; margin-top:33px; margin-left:8px; background:url(../images/back.png) no-repeat; float:right; cursor:pointer;}
.logo{ clear:both;width:145px; height:100px;font:18px/80px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin:auto;}
.logo{ clear:both;width:145px; height:100px;margin:auto; margin-top:30px;}
.logo img{ width:100%;}
.login-input{ width:438px; /*height:336px;*/margin:auto; position:relative;}
input{ width:100%; height:44px; border:1px #e4e4e4 solid; border-radius:10px; padding-left:20px; background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6; margin-top:26px;}
input:focus{ border:1px solid #ff8500;}
.input_warning{ border:1px solid red; }
.code{ width:175px; float:left;}
.code-pic{ width:140px; height:44px; float:left;border:1px #ddd solid; margin-left:9px; margin-top:26px;border-radius:10px; box-shadow:0px 1px 1px #d6d6d6;}
.note{font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
.login{clear:both; margin-top:36px; background:#ff8500; color:#fff;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none; cursor:pointer;}
.forget{ display:block; height:44px;font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500; float:right;cursor:pointer; position:relative;}
.logindown{ overflow:hidden;}
.frmlogin{width:100%;}
/*左侧登录*/
.login-input{ width:436px; /*height:336px;*/margin:10px 20px; position:relative; padding:20px;}
.loginleft{ width:300px;}
.forget{ display:block; color:#ff8500; float:right;cursor:pointer; position:relative;}
.forget:hover{ color:#ff8500;}
.prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-30px; z-index:999; display:none;}
.reglinkbox{ font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#666; overflow:hidden;}
.reglink{ color:#ff8500;}
.prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-40px; z-index:999; display:none;}
.triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-right-color:#ff9600; float:left; margin-top:40px;}
.prompt-con{ display:block; float:left; width:85px; height:50px;font:12px/18px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; background:#ff9600; border-radius:10px; padding:10px;  }
.tel{ font-weight:bold;}
.msg{font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:red; padding-left:30px; background:url(../images/info_warn.png) 10px center no-repeat; }
.msg{font:14px/20px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:red; padding-left:30px; margin: 6px 0; background:url(../images/info_warn.png) 10px center no-repeat; }
.msg-left{ margin-left:70px;}
/*验证码*/
.codebox .code{ width:175px; float:left;}
.codebox .code-pic{ width:140px; height:44px; float:left;border:1px #ddd solid; margin-left:9px; margin-top:26px;border-radius:10px; box-shadow:0px 1px 1px #d6d6d6;}
.codebox .note{font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
/*中间割线*/
.login-line{ padding:20px; position:relative;}
.lineb{ width:1px; min-height:240px; margin:20px 10px; border-right:1px dashed #ccc; }
.linebb{ min-height:400px;}
.wordor{ text-align:center; color:#ccc;background:#fff; line-height:80px; position:absolute; top:50%; margin-top:-40px;}
/*登录右侧*/
.login-other{ color:#666; margin:20px 10px; width:200px;padding:20px; }
.login-other .other-tit{ text-align:left;}
.loginlinkbox{ text-align:center; padding:10px;margin-bottom:20px;}
.loginlink{ color:#ff8400; font-size:16px; line-height:30px; background:url(../images/back.png) right center no-repeat;     padding: 10px 28px;}
.login-way{ overflow:hidden; width:120px; margin:16px auto; text-align:center;}
.way-icon{ height:22px; display:block; float:left; margin:0 7px;}
.way-icon1{ width:27px; background:url(../images/share2.png) no-repeat; background-position:left;}
.way-icon2{ width:27px; background:url(../images/share2.png) no-repeat; background-position:-27px 0;}
.way-icon3{ width:21px; background:url(../images/share2.png) no-repeat; background-position:-54px 0;}
.way-icon4{ width:23px; background:url(../images/share2.png) no-repeat; background-position:right;}
.ecode{ text-align:center;}
.downcode{ margin:10px auto; width:120px; height:120px;}
/*首次登录*/
.login-first{ /*width:466px; height:596px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 30px; padding-bottom:40px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;}
.logos{ clear:both;width:145px; height:100px; margin:auto; padding-top:-40px;}
.logos img{ width:100%;}
.welcome{font:18px/32px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#747474; text-align:center;padding:20px 0;}
.welcome{font:16px/32px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#747474; text-align:center;padding:10px 0;}
.professor{color:#ff8500; }
.password-input{ /*width:438px; height:264px;*/margin:auto; position:relative;}
.password{ width:100%; }
.lable{ float:left; display:block;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#747474; margin-top:26px; margin-right:8px;}
.password{ width:100%;overflow:hidden;}
.lable{ float:left; display:block;font:18px/60px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#747474;margin-right:8px;}
.psd{ width:350px; float:left;}
.forget:hover .prompt{ display:block;}
/*手机找回密码01*/
@@ -50,7 +81,7 @@ input:focus{ border:1px solid #ff8500;}
.step02{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
.line{ width:133px; height:2px; background:#d5d5d5; position:absolute; left:80px; top:35px}
.sms{ width:254px;}
.gain{ width:175px;background:#ff8500; color:#fff;font:16px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none; float:right; padding-left:0;}
.gain{ width:175px;background:#ff8500; color:#fff;font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none; float:right; padding-left:0;}
/*手机找回密码02*/
.phone-find2{/* width:476px; height:525px; */background:#fff; margin:auto; margin-top:35px; padding:0 25px;padding-bottom:60px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;}
.steps2-2{ color:#f59503; float:right;}
@@ -68,7 +99,7 @@ input:focus{ border:1px solid #ff8500;}
.email-find2{/* width:476px; height:440px; */background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:60px;position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.E-steps2-2{ color:#f59503; float:left; margin-left:70px;}
.E-step02-2{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
.remind{font:14px/20px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#a8a8a8; text-align:center; margin:-15px 0;}
.remind{font:14px/20px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#a8a8a8; text-align:center; }
/*邮箱找回密码03*/
.email-find3{ /*width:476px; height:525px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:60px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;}
.steps3-3{ color:#f59503; float:right;}
@@ -103,15 +134,29 @@ input:focus{ border:1px solid #ff8500;}
#back:hover,.close:hover{ background:#ff8400; color:#fff; }
/*注册*/
.active { color: #ff8400;}
.regtab { position: relative;}
.regtabcon{ overflow:hidden;}
.phone, .mail {float: left;padding: 16px 20px;font-size: 16px; cursor:pointer;}
.phone span, .mail span { position: relative;top:0;left: 10px;}
.styleline{height: 1px;width: 154px;background: #ff8400; position: relative;}
.styleline:before {position: absolute;z-index: 2; top: -12px;left: 50%;margin-left: -5px;content: '';width: 0;height: 0;line-height: 0; border: 6px solid transparent;border-bottom-color: #ff8400;}
.styleline:after {position: absolute; z-index: 2;top: -9px; left: 50%;margin-left: -4px; content: '';width: 0; height: 0;line-height: 0; border: 5px solid transparent;border-bottom-color: #fff;}
.regtablist{ margin:20px 0; min-height:240px;}
.regtablist form{ margin:10px 0; display:none; }
.regtablist form:first-child{ display:block;}
.yzmli { position: relative;}
.yzmbox{position:absolute; width:140px; height:44px; top:50%;margin-top:-22px; right:0;}
.yzm {position: absolute;height: 44px; width:100px; margin-top:1px;}
.reflash {position: absolute;height: 44px; width: 20px; background: url(../images/icon-reflash.png) center center no-repeat;top:0;right: 10px;}
.coderli { position: relative;}
.getcode { display: inline-block;width: 120px; height: 45px;border-radius:3px 10px 10px 3px;background: #ff8400;line-height: 43px; text-align: center; position: absolute;right:-2px;top:50%; margin-top:-22px;color: #fff;}
.agreeNotice em {background: url(../images/check.png) left -12px no-repeat; width: 14px; height: 12px;display: block;float: left;margin-top: 4px; margin-right: 3px;}
.agreeNotice,.agreeNotice a{ color:#555; margin-left:4px;}

src/main/webapp/information-brow.html

@@ -62,7 +62,7 @@
				</div>
			</div>
			<div class="head-right"><a href="organization-brow.html"><img id="orgImage"></a></div>
			<div class="head-right"><a href="" id="organ"><img id="orgImage"></a></div>
		</div>
		<div class="information-content">
			<div class="content-left" >

src/main/webapp/js/information.brow.js

@@ -255,6 +255,8 @@ $(function(){
							$("#name").val($info.name);
							$("#title").val($info.title);
							$("#orgId").val($info.orgId);
							$("#organ").attr("href","organization-brow.html?orgId="+$info.orgId+"");
							console.log($info.orgId);
							$("#orgName").val($info.orgName);
							$("#department").val($info.department);
							$("#descp").val($info.descp);
@@ -404,15 +406,14 @@ $(".subsidebar").click(function(){
		var resourceID=$(this).attr("resourceId");
		console.log(resourceID);
		$(".log").text($('.presou').eq(index1).text());
		$("#sendre").on("click",function()
				{	$(".dealTime").replaceWith(function(){
					return '<input type="text">';
				});
		$("#del").on("click",function()
				{	
					var $data = {};
					$data.demandId = userid;
					$data.resourceId=resourceID;
					$data.detailDemand=$("#detailDemand").val();
					$data.detailDemand=$(".detail").val();
					$data.dealTime=$(".dealTime").val();
					$data.operationStatus=1;
					$.ajax({
						"url" : "/ajax/operation",
						"type" : "POST",

src/main/webapp/js/organization-brow.js

@@ -0,0 +1,19 @@
$(function(){
//loginStatus();	 
	 	var id = GetQueryString("orgId");
	 	console.log(id);
	    $.get("/ajax/org/" + id, function($data) {
		    			if ($data.success) 
		    			{
		    				console.log($data);
		    				$info=$data.data;
		    				$(".named").text($info.name);		    				
		    			}
	    			})
		$("#hsearch").on("click",function (){
	   		var searchContent = $("#hsearchContent").val();
	   		location.href = "search.html?searchContent="+searchContent;
	  });
})

src/main/webapp/js/popup.js

@@ -85,11 +85,11 @@ function ResourceApply(){
		PopHtml += '<div class="resoutit">资源信息</div>';
		PopHtml += '<table class="resoutab"><tr class="timelo">';
		PopHtml += '<th class="resouinfotype" scope="row">合作编号</th>';
		PopHtml += '<td>00001109</td>';
		PopHtml += '<td class="contration">00001109</td>';
		PopHtml += '<td rowspan="5"><div class="resouimg" ><img src="" width="100%" height="100%"></div></td>';
		PopHtml += '</tr>';
		PopHtml += '<tr class="timelo"><th class="resouinfotype"  scope="row">申请时间</th><td>2016-08-01</td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">需求资源</th><td class="log">xxx检测仪</td> </tr>';
		PopHtml += '<tr class="timelo"><th class="resouinfotype "  scope="row">申请时间</th><td class="timelog">2016-08-01</td></tr>';
		PopHtml += '<tr><th class="resouinfotype "  scope="row">需求资源</th><td class="log">xxx检测仪</td> </tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">资源发布者</th><td class="namecon">张三 <a href="" class="worktel">联系ta</a></td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">需求方</th><td>';
        PopHtml += '<select class="frmtype"><option>本人</option><option>所属机构</option></select>';

src/main/webapp/js/register.js

@@ -0,0 +1,39 @@
// JavaScript Document
/**复选框**/
  $('.agreeNotice').click(function(){
    var formbox = $(this).closest("form");
      if(formbox.find('.gree').prop('checked')){
        formbox.find('.agreeNotice em').css('background-position','0px 0px');
        formbox.find('.gree').prop('checked',false);
        formbox.find('.agreeNotice').next('span').show();
      }else{
        formbox.find('.gree').prop('checked',true);
        formbox.find('.agreeNotice').next('span').hide();
        formbox.find('.agreeNotice em').css('background-position','0px -12px');
          
      }
  });
 
//手机、邮箱切换
$(".phone").click(function(){
  $(this).find("img").attr("src","images/phoneIcon2.png");
  $(".mail").find("img").attr("src","images/mailIcon.png");
  $(".mail").removeClass("active");
  $(this).addClass("active");
  $(".styleline").animate({left:"0px"});
  $("#mail_form").hide();
  $('#phone_form').show();
}); 
$(".mail").click(function(){
  $(this).find("img").attr("src","images/mailIcon2.png");
  $(".phone").find("img").attr("src","images/phoneIcon.png");
  $(".phone").removeClass("active");
  $(this).addClass("active");
  $(".styleline").animate({left:"151px"});
  $("#phone_form").hide();
  $("#mail_form").show();
});
$(".submitBtn").click(function(){
  $(this).parent("form").submit();
});

src/main/webapp/js/workspace.js

@@ -240,6 +240,7 @@ $(function(){
										}
									},
									"data" : resourceID ? JSON.stringify($data) : $data,
									"beforeSend":function(){console.log(this.data)},
									"contentType" : resourceID ? "application/json": "application/x-www-form-urlencoded",
									dataType : "json"
								});
@@ -374,17 +375,19 @@ $("#consd").on("click",".modification",function(){
		$(".btnboxdown").css({"display":"block"});
		$(".applysure").css({"display":"block"});
		$("#del").click(function(){
			var $date = {};		
			var $date = {};	
			$date.detailDemand=$(".detail").val();
			$date.dealTime=$(".dealTime").val();
			$date.dealPrice = $("#dealPrice").val();
			$date.payMethod = $("#payMethod").val();
			$date.consultContent = $("#consultContent").val();
			$date.replyNotes = $("#consultContent").val();
			$date.operationId=operationId;
			$date.operationStatus=2;
			$.ajax({
				"url" : "/ajax/operation",
				"type" : "put",
				"data" :JSON.stringify($date),
				"contentType" :"application/x-www-form-urlencoded",
				"contentType" :"application/json",
				"success" : function(data) {
					if (data.success) {					
						//location.reload(true);
@@ -453,7 +456,7 @@ $.ajax({
	                    stringContent +='<td> - </td>'        
	                    stringContent +='<td class="loginStatus">修改申请</td></tr>'
	                   $(".worktabb").append( stringContent);
						$(".loginStatus").eq(i).attr("resourId",data.data[i].resourceId);
						$(".loginStatus").eq(i).attr("resourId",data.data[i].resource.resourceId);
						$(".loginStatus").eq(i).attr("operationStatus",data.data[i].operationStatus);
						$(".loginStatus").eq(i).attr("operationId",data.data[i].operationId);
						console.log($(".loginStatus").eq(i).attr("operationId"));
@@ -507,15 +510,14 @@ $(".workmysrc").on("click",".loginStatus",function(){
		//if($(".dealTime").val()!=""&&$(".detail").val()!="")
		//{
			$("#del").on("click",function()
					{	alert("2");
					{	
						var $data = {};
						$data.demandId = userid;
						$data.resourceId=resourceId;
						$data.consuitContent=$(".detail").val();
						$data.deliverTime=$('.dealTime').val();
						$data.operationStatus=operationStatus;
						$data.operationId=operationId;
						$data.detailDemand=$(".detail").val();
						$data.dealTime=$(".dealTime").val();
						$data.operationStatus=1;
						$.ajax({
							"url" : "../ajax/operation",
							"url" : "/ajax/operation",
							"type" : "put",
							"success" : function(rdata) {
								if (rdata.success) {
@@ -525,7 +527,8 @@ $(".workmysrc").on("click",".loginStatus",function(){
								}
							},
							"data" :  JSON.stringify($data) ,
							"contentType" :  "application/json",
							"contentType" :"application/json",
							"beforeSend":function(){console.log(this.data)},
							dataType : "json"
						});
				});
@@ -558,7 +561,7 @@ $(".workmysrc").on("click",".loginStatus",function(){
			});
		})
		$("#cooperation").click(function(){
			upStatus(operationId,4);
			upStatus(operationId,3);
		})
	}
	if(flag==1&&operationStatus==3){
@@ -580,7 +583,7 @@ $(".workmysrc").on("click",".loginStatus",function(){
})
//更新状态
function upStatus(operationId,n){
	$.ajax({"url" : "../ajax/operation/operationStatus",
	$.ajax({"url" : "/ajax/operation/operationStatus",
		"type" : "POST",
		"success" : function(rdata) 
		{
@@ -594,6 +597,7 @@ function upStatus(operationId,n){
			}
		},
		"data" :{"operationId":operationId,"operationStatus":n},
		"beforeSend":function(){console.log(this.data)},
		"contentType" :"application/x-www-form-urlencoded",
		dataType : "json"
	});
@@ -604,11 +608,24 @@ function ajaxGet(operationId){
		"url":"/ajax/operation/"+operationId,
		"type":"get",
		"async": true,
		"data":{"operationId":operationId},
		"success":function(data){
			if(data.success)
				{	
					console.log(data);
				{
					$(".log").text(data.data.resource.resourceName);
					$(".timelog").text(data.data.deliverTime);
					$(".contration").text(data.data.operationId);
					$(".detail").val(data.data.detailDemand);
					$(".dealTime").text(data.data.dealTime);
					if(data.data.payMethod){
						$("#payMethod").val(data.data.payMethod);
					}
					if(data.data.dealPrice){
						$("#dealPrice").val(data.data.dealPrice);
					}
					if(data.data.replyNotes){
						$("#consultContent").val(data.data.replyNotes);
					}
				}
				else
				{

src/main/webapp/login-email-find01.html

@@ -1,4 +1,4 @@
 <!DOCTYPE>
 <!DOCTYPE html>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－登录</title>
<title>科袖-密码找回-邮箱</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
@@ -48,18 +48,20 @@
				
			</div>
			<div class="login-input">
			<form  name="f1" action="login-email-find02.html" method="post">		
				<input type="text" placeholder="请输入您的邮箱地址" id="email" name="uname" onBlur="valEmail()">	
				<div class="msg msg1" ><span></span></div>	
				<!--<div class="codebox">	
				<input type="text" placeholder="请输入验证码" class="code">
				<div class="code-pic"></div><span class="note">看不清？换一换</span>
			<form  name="f1" action="login-email-find02.html" method="post">
                <div class="frmbox">		
                    <input class="inputtxt" type="text" placeholder="请输入您的邮箱地址" id="email" name="uname" onBlur="valEmail()">	
                    <div class="msg msg1" ><span></span></div>	
                    <!--<div class="codebox">	
                    <input type="text" placeholder="请输入验证码" class="code">
                    <div class="code-pic"></div><span class="note">看不清？换一换</span>
                    </div>
                    <div class="msg" ><span></span></div>-->
                    <input type="submit" value="找回密码" class="inputtxt submitBtn" onClick="findBack()" >
					<div class="msg msg2" ><span></span></div>		
				</div>
				<div class="msg" ><span></span></div>-->
				
			</form>	
            <input type="submit" value="找回密码" class="login" onClick="findBack()" >
			<div class="msg msg2" ><span></span></div>				
            		
			</div>
		</div>

src/main/webapp/login-email-find02.html

@@ -1,4 +1,4 @@
 <!DOCTYPE>
 <!DOCTYPE html>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－登录</title>
<title>科袖-密码找回-邮箱</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
@@ -54,7 +54,9 @@ $(function (){
				<div class="welcome">密码重置邮件已发送至您的邮箱：<br><span class="professor" id="email">183****0528@163.com</span></div>
				<div class="remind">请在10分钟内登录您的邮箱接收邮件，<br>点击链接后即可重置密码</div>
				<div class="password-input">
					<input type="submit" value="登录邮箱并查看" class="login">
                	
						<input type="submit" value="登录邮箱并查看" class="inputtxt submitBtn">
                   
				</div>	
				    
		</div>

src/main/webapp/login-email-find03.html

@@ -1,4 +1,4 @@
 <!DOCTYPE>
 <!DOCTYPE html>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－登录</title>
<title>科袖-密码找回-邮箱</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
@@ -45,12 +45,14 @@
				
			</div>
			<div class="login-input">
			<form  name="f1" action="login-email-find02.html" method="post">			
				<input type="text" placeholder="请输入新密码">
				<div class="msg" ><span></span></div>				
				<input type="text" placeholder="请再次输入密码">
				<div class="msg" ><span></span></div>	
				<input type="button" value="重置密码" class="login">
			<form  name="f1" action="login-email-find02.html" method="post">
                <div class="frmbox">			
                    <input class="inputtxt" type="text" placeholder="请输入新密码">
                    <div class="msg" ><span></span></div>				
                    <input class="inputtxt" type="text" placeholder="请再次输入密码">
                    <div class="msg" ><span></span></div>	
                    <input type="button" value="重置密码" class="inputtxt submitBtn">
                </div>
			</form>	
			</div>
		</div>	

src/main/webapp/login-first.html

@@ -1,4 +1,4 @@
 <!DOCTYPE>
 <!DOCTYPE html>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－登录</title>
<title>科袖-首次登录</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
@@ -30,14 +30,16 @@
				
				<div class="welcome">欢迎<span class="professor" id="name">XXX教授</span>登入科袖网！<br>请您设置密码，方便以后登录。</div>
				<div class="password-input">
				<form  name="f1" action="information-browse.html" method="post">	
					<div class="password"><span class="lable">设置密码</span><input type="password"class="psd" id="password" onBlur="valPassword()"></div>
					<div class="msg msg1" ><span></span></div>
					<div class="password"><span class="lable">确认密码</span><input type="password" class="psd" id="password2" onBlur="valPassword2()"></div>
					<div class="msg msg2" ><span></span></div>
					<input type="button" value="保存并登录" class="login" onclick="savePassword()">
                    <div class="msg msg3" ><span></span></div>
					<div class="forget">不是本人？<div class="prompt"><span class="triangleR"></span><span class="prompt-con">请拨打免费电话<br><span class="tel">400-xxx-xxxx</span><br>重新获取邀请码</span></div></div>	
				<form  name="f1" action="information-browse.html" method="post">
                    <div class="frmbox">	
                        <div class="password"><span class="lable">设置密码</span><input type="password" class="inputtxt psd" id="password" onBlur="valPassword()"></div>
                        <div class="msg msg-left msg1" ><span></span></div>
                        <div class="password"><span class="lable">确认密码</span><input type="password" class="inputtxt psd" id="password2" onBlur="valPassword2()"></div>
                        <div class="msg msg-left msg2" ><span></span></div>
                        <input type="button" value="保存并登录" class="inputtxt submitBtn" onClick="savePassword()">
                        <div class="msg msg3" ><span></span></div>
                        <div class="forget">不是本人？<div class="prompt"><span class="triangleR"></span><span class="prompt-con">请拨打免费电话<br><span class="tel">400-xxx-xxxx</span><br>重新获取邀请码</span></div></div>	
                    </div>
				</form>
				</div>    
		</div>

src/main/webapp/login-invite-code.html

@@ -1,10 +1,10 @@
 <!DOCTYPE>
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－登录</title>
<title>科袖-登录-通过手机和邀请码登录</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
@@ -23,19 +23,21 @@
			<a href="index.html"><img src="images/logo.png"></a>
			</div>
			<div class="login-input">
			<form  name="f1" action="login-first.html" method="post">	
				<input type="text" placeholder="请输入您的手机号"  id="phone" value="" onkeydown="restSub()"  onblur="phoneVal()" >
				<div class="msg msg1" ><span></span></div>
				<input type="text" placeholder="请输入您的邀请码" id="code" value="358FE958561241DA8A8DFC996388893C" onkeydown="restSub()" onblur="codeVal()" >
				<div class="msg msg2" ><span></span></div>
				<!--<div class="codebox">
				<input type="text" placeholder="验证码" class="code">
				<div class="code-pic"></div><span class="note">看不清？换一换</span></div>
				<div class="msg" ><span></span></div>-->
                <input type="button" value="登录" class="login" id="login" onClick="loginSub()">
                <div class="msg msg3" ><span></span></div>
				<div class="forget">忘记邀请码？<div class="prompt"><span class="triangleR"></span><span class="prompt-con">请拨打免费电话<br><span class="tel">400-xxx-xxxx</span><br>重新获取邀请码</span></div></div>
			</form>	
                <form  name="f1" action="login-first.html" method="post">	
                    <div class="frmbox">
                        <input class="inputtxt" type="text" placeholder="请输入您的手机号"  id="phone" value="" onKeyDown="restSub()"  onblur="phoneVal()" >
                        <div class="msg msg1" ><span></span></div>
                        <input class="inputtxt" type="text" placeholder="请输入您的邀请码" id="code" value="358FE958561241DA8A8DFC996388893C" onKeyDown="restSub()" onBlur="codeVal()" >
                        <div class="msg msg2" ><span></span></div>
                        <!--<div class="codebox">
                        <input type="text" placeholder="验证码" class="code">
                        <div class="code-pic"></div><span class="note">看不清？换一换</span></div>
                        <div class="msg" ><span></span></div>-->
                        <input type="button" value="登录" class="inputtxt submitBtn" id="login" onClick="loginSub()">
                        <div class="msg msg3" ><span></span></div>
                        <div class="forget">忘记邀请码？<div class="prompt"><span class="triangleR"></span><span class="prompt-con">请拨打免费电话<br><span class="tel">400-xxx-xxxx</span><br>重新获取邀请码</span></div></div>
                    </div>
                </form>	
			</div>
		</div>
		

src/main/webapp/login-phone-find01.html

@@ -1,4 +1,4 @@
 <!DOCTYPE>
 <!DOCTYPE html>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－登录</title>
<title>科袖-密码找回-手机</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
@@ -41,24 +41,26 @@
				<div class="line"></div>
			</div>
			<div class="login-input">
			<form  name="f1" action="login-email-find02.html" method="post">			
				<input type="text" placeholder="请输入您的手机号" id="phone" onBlur="valPhone()">	
				<div class="msg msg1" ><span></span></div>	
				<!--<div class="codebox">		
				<input type="text" placeholder="请输入验证码" class="code">
				<div class="code-pic"></div><span class="note">看不清？换一换</span>
				</div>
				<div class="msg" ><span></span></div>-->	
			<form  name="f1" action="login-phone-find02.html" method="post">
                <div class="frmbox">			
                    <input class="inputtxt" type="text" placeholder="请输入您的手机号" id="phone" onBlur="valPhone()">	
                    <div class="msg msg1" ><span></span></div>	
                    <!--<div class="codebox">		
                    <input type="text" placeholder="请输入验证码" class="code">
                    <div class="code-pic"></div><span class="note">看不清？换一换</span>
                    </div>
                    <div class="msg" ><span></span></div>-->
                    <div class="codebox">
                        <input type="text" placeholder="请输入短信验证码" class="inputtxt sms" id="phoneCode" onBlur="valCode()">	
                        <input type="submit" value="获取短信验证码" class="inputtxt gain" onClick="sendPhoneCode()">
                    </div>
                    <div class="msg msg2" ><span></span></div>	
                    <input type="submit" value="找回密码" class="inputtxt submitBtn" onClick="submitCodeVal()"/>
                    <div class="msg msg3" ><span></span></div>				
                </div>	
			</form>	
			<div class="codebox">
				<input type="text" placeholder="请输入短信验证码" class="sms" id="phoneCode" onBlur="valCode()">	
				<input type="submit" value="获取短信验证码" class="gain" onclick="sendPhoneCode()">
			</div>
			<div class="msg msg2" ><span></span></div>	
			<input type="submit" value="找回密码" class="login" onclick="submitCodeVal()"/>
			<div class="msg msg3" ><span></span></div>				
			</div>
		</div>
	</div>
		
<div id="footer"></div>
</body>

src/main/webapp/login-phone-find02.html

@@ -1,4 +1,4 @@
 <!DOCTYPE>
 <!DOCTYPE html>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－登录</title>
<title>科袖-密码找回-手机</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
@@ -42,13 +42,16 @@
				<div class="line"></div>
			</div>
			<div class="login-input">
			<form  name="f1" action="login-email-find02.html" method="post">			
				<input type="password" placeholder="请输入新密码" id="password" />
				<div class="msg msg1" ><span></span></div>				
				<input type="password" placeholder="请再次输入密码" id="password2" />
				<div class="msg msg2" ><span></span></div>	
			</form>	
            <input type="button" value="重置密码" class="login" id="resetPw" />
                <form  name="f1" action="login-email-find02.html" method="post">	
                     <div class="frmbox">		
                        <input class="inputtxt" type="password" placeholder="请输入新密码" id="password" />
                        <div class="msg msg1" ><span></span></div>				
                        <input class="inputtxt" type="password" placeholder="请再次输入密码" id="password2" />
                        <div class="msg msg2" ><span></span></div>
                       
                     </div>	
                </form>	
                 <input type="button" value="重置密码" class="inputtxt submitBtn" id="resetPw" />
			</div>
		</div>

src/main/webapp/organization-brow.html

@@ -14,6 +14,7 @@
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/organization-brow.js"></script>
</head>
<body>

src/main/webapp/register.html

@@ -0,0 +1,125 @@
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖-登录-通过已验证手机或邮箱登录</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
</head>
<body>
<div id="header"></div>
		<!--登录邀请码!-->
		<div class="loginbox">
			<div class="login-title"></div>
			<div class="logo">
				<a href="index.html"><img src="images/logo.png"></a>
			</div>
            <div class="logindown">
            	<table>
                    <tr>
                        <td>
                           <div class="login-input loginleft">
                                <div class="regbox">
                                    <div class="regtab">
                                        <div class="regtabcon">
                                            <div class="phone active">
                                                <img src="images/phoneIcon2.png"><span>手机号码注册</span>
                                            </div>
                                            <div class="mail">
                                                <img src="images/mailIcon.png"><span>邮箱注册</span>
                                            </div>
                                        </div>
                                        <div class="styleline"></div>
                                    </div>
                                    <div class="regtablist">
                                        <form id="phone_form" method="post" action="javascript:;">
                                            <ul>
                                                <li><input class="inputtxt" type="text" placeholder="请输入常用手机号码" id="lp_phone" name="phone" autocomplete="off"></li>
                                                <li><div class="msg msgphone1"><span></span></div></li>
                                                <li class="yzmli">
                                                    <input class="inputtxt" type="text" placeholder="请证明你不是机器人" id="lp_yzm" name="yzm" autocomplete="on">
                                                    <div class="yzmbox">
                                                        <img class="yzm" src="images/yzmimg1.png" width="100%" height="100%">
                                                        <a href="javascript:;" class="reflash"></a>
                                                    </div>
                                                </li>
                                                <li><div class="msg msgphone2"><span></span></div></li>
                                                <li class="coderli">
                                                    <input class="inputtxt" type="text" placeholder="请输入手机验证码" id="lp_coder" name="coder" autocomplete="on">
                                                    <span class="getcode">获取验证码</span>
                                                </li>
                                                <li> <div class="msg msgphone3"><span></span></div></li>
                                                <li>
                                                    <input class="inputtxt" type="password" placeholder="请设置密码" id="phone_password" name="password" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgphone4"><span></span></div></li>
                                                
                                            </ul>
                                        </form>
                                        <form id="mail_form" method="post" action="javascript:;" >
                                            <ul>
                                                <li>
                                                    <input class="inputtxt" type="text" placeholder="请输入常用邮箱地址" id="lp_email" name="email" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgema1"><span></span></div></li>
                                                <li>
                                                    <input class="inputtxt" type="password" placeholder="请输入密码" id="mail_password" name="password" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgema2"><span></span></div></li>
                                            </ul>
                                         </form> 
                                     </div> 
                                     <form>
                                         <label for="agreeNotice" class="agreeNotice" checked="true"> 
                                             <em style="background-position: 0px -12px;"></em> 
                                             <input type="checkbox" name="checkbox" checked="true" class="gree" style="display:none;">我已阅读并同意<a href="" target="_blank" >《科袖网用户协议》</a>
                                        </label> 
                                        <a href="javascript:void(0);" class="inputtxt submitBtn">注册</a>  
                                    </form>
                                </div>
                            </div> 
                        </td>
                        <td>
                             <div class="login-line">
                                <div class="lineb linebb"></div>
                                <div class="wordor"> or </div>
                            </div>
                        </td>
                        <td>
                            <div class="login-other">
                            	<span class="other-tit">已有科袖网账号：</span>
                                <p class="loginlinkbox">
                                   <a href="login.html" class="loginlink">直接登录</a>
                                </p>
                                <span class="other-tit">使用以下帐号直接登录：</span>
                                <div class="login-way">
                                    <a href="" class="way-icon way-icon1" title="使用微信帐号登录"></a>
                                    <a href="" class="way-icon way-icon2" title="使用新浪微博帐号登录"></a>
                                    <a href="" class="way-icon way-icon3" title="使用腾讯QQ帐号登录"></a>
                                </div>
                                <div class="ecode">
                                    <div class="downcode"><img src="images/code.jpg" width="100%" height="100%"></div>
                                    <p>扫描二维码下载科袖APP</p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                
            </div>
		</div>
		
<div id="footer"></div>
<script type="text/javascript" src="js/register.js"></script>
</body>
</html>

src/main/webapp/resources.html

@@ -1,185 +0,0 @@
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖－浏览专家信息</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/workspace.css" rel="stylesheet">
<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.HeadP.js"> </script>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </script>
<script type="text/javascript" src="js/basic.js"> </script>
<script type="text/javascript" src="/js/ajaxfileupload.js"></script>
<script type="text/javascript"src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" src="js/workspace.js"></script>
<script type="text/javascript">
$(function (){
	var userid = $.cookie("userid");
	var cacheImageKey=null;
	if(userid){
		$("#resouimg").attr("src","/images/resource/"+userid+".jpg");
		$('#uploadInput').live('change',function(){ 
			$("#jcropdiv").show();
			$.ajaxFileUpload({
				url:"../ajax/cachedFileUpload",
				secureuri:false,
				fileElementId:"resouup",
				dataType:"json",
				success:function($data){
					if($data.success){
						cacheImageKey =$data.data[0].cacheKey
						$("#resouimg").attr("src","/images/tmp/"+cacheImageKey);
					}else{
						alert($data.msg);
					}
				},
				error:function(){
					$.MsgBox.Alert("message","upload error");
				}    					
			});
		});
		
	}
	$("#inputb").on("click",function(){
		var x = parseInt($("#x").val()/395*100);
		var y = parseInt($("#y").val()/340*100);
		var w = parseInt($("#w").val()/395*100);
		var h = parseInt($("#h").val()/340*100);
		if(cacheImageKey){
			$.ajax({
				url:"../ajax/image/head",
				type:"POST",
				data:{"id":id,"fn":cacheImageKey,"x":x,"y":y,"w":w,"h":h},
				dataType:"json",
				success:function($data){
					if($data.success){
						alert("上传成功");
						location.reload(true);
					}else{
						alert($data.msg);
					}
				}
			});
		}
	});
})
</script>
</head>
<body>
<div id="header">
	<a href="index.html" alt="科袖" class="logo"></a>
	<div class="searchblock" style="display:block;">
		<input type="text" placeholder="搜索专家、研究方向或科研机构" class="search-txt" id="hsearchContent">
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
	</div>
	<div class="header-right"> 
        <!--未登录-->
        <a href="login-invite-code.html"><div class="unlogin">特邀专家登录</div></a>
        <!--已登录-->
        <div class="onlogin">
	        <div class="head-portrait">
	        	<img class="portrait-p" />
	            <div class="personal-infor">
	                <div class="triangleB"></div>
	                <div class="personal-box">
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
	                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
	                </div>
	                
	            </div>
	        </div>
	        <a class="myWorkspace" href="resources.html">我的工作台</a>
        </div>
	</div>
</div>
<div id="container">
	<div class="con-center">
        <div class="workmenu">
            <div class="workmenutit">我的工作台</div>
            <div class="worksubmenu">咨询</div>
            <div class="worksubmenu">共享资源</div>
        </div>
        <div class="workcon">
            <div class="workcontit">科研资源</div>
            <div class="worksubcon">
      <!--// 我的资源-->
            	<div class="workmysrc clearfix"id="workmysrc">
                	<div class="workmysrctit">我的资源<span class="workbtn resoumag" onclick="ResourceInfo();">发布新资源</span></div>
                	<div id="consd"></div>
                    
                </div>
                <!--我的资源 //-->
                
                <!--// 我的需求-->
            	<div class="workmysrc">
                	<div class="workmysrctit">我的需求</div>
                    <table width="100%" height="60" class="worktab worktabb">
                    	<tr class="worktabtit">
                            <th width="10%" height="40">申请时间</th>
                            <th width="10%">需求资源</th>
                            <th width="12%">资源发布者</th>
                            <th width="14%">状态</th>
                            <th width="10%">交付时间</th>
                            <th width="10%">成交金额</th>
                            <th width="14%">付款方式</th>
                            <th width="10%">付款状态</th>
                            <th width="20%">操作</th>
                        </tr>
                       
                        <tr>
                        	<td colspan="9">
                        		<div class="tcdPageCode"><span class="disabled">上一页</span><span class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a href="javascript:;" class="tcdNumber">3</a><a href="javascript:;" class="tcdNumber">4</a><span>...</span><a href="javascript:;" class="tcdNumber">26</a><a href="javascript:;" class="nextPage">下一页</a></div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!--我的需求 //-->
            </div>
        </div>
    </div>
</div>
<div id="footer">
	<div class="footer-top">
		<div class="footerL">
			<div class="footer-logo"></div>
			<div class="link">
				<a href="#">入驻科袖</a>｜
				<a href="#">申请认证</a>｜
				<a href="#">常见问题</a>｜
				<a href="#">意见反馈</a>｜
				<a href="#">关于我们</a>｜
				<a href="#">加入我们</a>
			</div>
			<p class="customer">客服电话：<span>400-xxx-xxxx</span></p>
			<p class="customer">工作时间：<span>周一至周五09:00-17:00</span></p>
		</div>
		<div class="footerR">
			<div class="code"><img src="images/code.jpg"></div>
			<p>欢迎扫码关注微信公众平台</p>
			<a href="#" class="foot-icon foot-icon1"></a>
			<a href="#" class="foot-icon foot-icon2"></a>
			<a href="#" class="foot-icon foot-icon3"></a>
			<a href="#" class="foot-icon foot-icon4"></a>
		</div>
	</div>
	<div class="footer-btm">本站由 阿里云 提供计算与安全服务 Copyright © 2016~2017 科袖 | 京ICP备12345678号 | 京ICP证123456号 | 京公网安备11010800011111号 | 网站联盟安全认证</div>
</div>
</body>
 </html>