<!DOCTYPE html>
<html lang="zh-cmn"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>焦作师范高等专科学校WebVPN</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
	<link rel="stylesheet" type="text/css" href="/public/static/layui/css/layui.css">
    
	<script src="/public/static/js/unit.js"></script>
	<script src="/public/static/dingding/ddLogin.js"></script>
	<script src="/public/static/weixin/wwLogin-1.2.5.js"></script>
	<script src="/public/static/js/jquery-3.5.1.min.js"></script>
	<style>
        html, body{
			height: 100%;
			font-family: 'Microsoft YaHei';
		}
		.background{
			display:block;
			position: fixed;
			background: url(/public/static/upload/putrecord/20221208/9a226218c21f88b0a5a95bbd29e808d0.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			top:0px;
			height:100%;
			width: 100%;
			z-index: -10;
			overflow: hidden;
		}

		.main{
			text-align:center;
			height:100%;
		}
		.header{
			padding-top: 70px;
			text-align: left;
			margin: 0 auto;
			height: 48px;
			width: 70%;
		}
		.portal-logo{
			display: inline-block;
			height:100%;
			vertical-align: bottom;
		}
		.portal-logo::after{
			height: 90%;
			display: inline-block;
			vertical-align: middle;
			content:"";
			width:2px;
			margin-left:20px;
			background-color:white;
		}
		.portal-blank-logo{
			display: inline-block;
			height:100%;
			width: 0px;

		}
		.portal-title{
			display: inline-block;
			margin-left:20px;
			font-size: 33px;
			color: #ffffff;
			height: 100%;
			vertical-align: bottom;
		}
		.no-logo {
			margin-left:0 !important;
		}
		.container{
			position: relative;
			margin-top: 50px;
			margin-left: auto;
			margin-right: auto;
			width: 70%;
			height:100%;
			max-height:500px;
			display:flex;
		}
		.notice-panel{
			flex: 5;
			float:left;
			height: 100%;
			background-color: rgba(0,0,0,0.66);
			overflow: auto;
			display:block;
			border-radius:6px;
		}
		.notice-panel_new{
			flex: 5;
			float:left;
			height: 100%;
			
			overflow: auto;
			display:block;
			border-radius:6px;
		}
		.mobile-notice-panel{
			display:none;
		}
		.notice-break-line{
			background-color:white;
			width:100%;
			margin-top:14px;
			margin-bottom:20px;
			height:2px;
		}
		.notice-box {
			padding-top: 40px;
			padding-left: 50px;
			padding-right: 50px;
		}
		.notice-title{
			font-weight:bold;
			font-size: 21px;
			color:white;
		}
		.notice-content{
			text-align:left;
			text-indent:2em;
			font-size: 16px;
			color:white;
			line-height: 2;
		}
		.notice-content img{
			max-width: 100%;
		}
		.login-panel {
			color:white;
			margin-left:20px;
			width: 350px;
			height: 100%;
			border-radius:6px;
			background-color: rgba(0,0,0,0.66);
		}
		.login-panel a {
			color: white;
		}

		.login-nav {
			font-size: 16px;
			display:flex;
		}
		.login-box{
			padding-top: 40px;
			padding-left: 30px;
			padding-right: 30px;
		}
		.login-nav div{
			flex:1;
			height: 44px;
			line-height: 44px;
			cursor:pointer;
			border-bottom: 1px solid white;
		}
		.login-nav div.on{
			box-sizing: border-box;
			border-bottom: 2px solid white;
		}
		.login-nav.only-auth div.on{
			height: auto;
			line-height: normal;
			padding-bottom:14px;
			font-weight:bold;
			font-size: 21px;
		}

		.login-form-item {
			height:40px;
			margin-top:20px;
		}

		::placeholder {
			color: white;
			opacity: 1;
		}

		.el-input {
			background-repeat:no-repeat;
			background-position:left;
			background-position-x: 15px;
			background-size:19px 19px;
			font-size: 14px;
			width:100%;
			height:42px;
		}
		.user-input{
			background-image:url(/public/static/images/login-user.png?v=10600);
		}
		.password-input{
			background-image:url(/public/static/images/password.png?v=10600);
		}
		.phone-code-input{
			background-image:url(/public/static/images/code.png?v=10600);
		}
		.phone-input{
			background-image:url(/public/static/images/phone.png?v=10600);
		}
		.code-input{
			background-image:url(/public/static/images/code.png?v=10600);
		}

		.footer{
			width: 100%;
			bottom: 5px;
			font-size: 14px;
			color: white;
			position: absolute;
		}

		.link-field{
			margin-top:0;
			margin-left:auto;
			display:flex;
			font-size:14px;
			color:white;
			text-align:left;
		}
		.link-login{
			flex: 1;
			padding-left:5px;
		}
		.link-login img{
			width: 22px;
			margin-right:5px;
		}
		.upper-login-field{
			margin-top:10px;
			display:flex;
		}
		.remember-field{
			margin-left: auto;
			text-align: right;
			font-size: 14px;
			width: 120px;
		}
		.msg{
			text-align:left;
			color:#ff4505;
			flex:1;
			padding-left:5px;
		}

		.el-input input{
			background:none;
			text-indent:41px;
			-webkit-appearance: none;
			border-radius: 14px;
			border: 1px solid white;
			box-sizing: border-box;
			color: white;
			display: block;
			font-size: inherit;
			height: 42px;
			line-height: 1;
			outline: 0;
			transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			width: 100%;
		}
		.phone-code-input{
			display:flex;
		}

		.code-input{
			display:flex;
		}

		.captcha-div{
			height:42px;
			float:left;
			line-height:1;
			vertical-align:middle;
			margin-left:17px;
			width:100px;
		}
		.captcha{
			background:white;
			display:block;
			height:40px;
			width:100px;
			border-radius:15px;
		}
		.captcha-img{
			height:100%;
			width:100%;
		}

		.el-button {
			display: inline-block;
			line-height: 1;
			white-space: nowrap;
			cursor: pointer;
			background: #fff;
			border: 1px solid #dcdfe6;
			color: #606266;
			-webkit-appearance: none;
			text-align: center;
			box-sizing: border-box;
			outline: 0;
			transition: .1s;
			font-weight: 500;
			border-radius: 4px;
		}
		#send-sms{
			float:left;
			height:42px;
			width:118px;
			margin-left:11px;
			white-space: nowrap;
			cursor: pointer;
			-webkit-appearance: none;
			text-align: center;
			box-sizing: border-box;
			outline: 0;
			transition: .1s;
			font-weight: 500;
			border-radius: 15px;
			background-color: white;
			color: black;
			line-height:42px;
		}
		.el-button-send {
			padding: 8px;
			font-size: 14px;
			height: 40px;
			color: #fff;
			background-color: #409eff;
			border-color: #409eff;
			margin-left: 11px;
		}
		.el-button-login {
			padding: 6px 20px;
			font-size: 14px;
			font-weight: bold;
			margin-top: 10px;
			height: 47px;
			width:100%;
			color: #000;
			background-color: #fff;
			border:none;
			border-radius: 15px;
		}
		.help-mark{
			height: 22px;
			width: 22px;
			display: inline-block;
			margin-top: 10px;
			margin-left: 7px;
			text-align: center;
		}
		.captcha--input{
			width:150px;
		}

		.layer-form-title{
			width: 100%;
			height: 40px;
			text-align: left;
			background: #fff;
			font-size: 16px;
			font-weight: bold;
			padding-left: 20px;
			line-height: 40px;
			border-bottom: 1px solid #e5e5e5;
		}

		.second-login-layer{
			width: 400px;
			height: 200px;
			background: #fff;
			font-size: 14px;
			padding: 20px;
		}


		@media only screen and (max-width: 1367px) {
			.container{
				margin-top: 40px;
			}
		}
		@media only screen and (max-width: 769px){
			body{
				background: url(/public/static/upload/putrecord/20221208/9a226218c21f88b0a5a95bbd29e808d0.jpg);
				background-attachment: fixed;
				font-size: 12px;
				height:auto;
			}
			.background{
				display:none;
			}
			.header{
				padding-top: 50px;
				height: 100%;
				text-align: center;
				display:block;
			}
			.portal-blank-logo{
				display:none;
			}
			.portal-logo{
				height: 33px;
			}
			.portal-logo::after{
				width:0;
				margin-left:0;
			}
			.portal-title{
				margin-left:auto;
				margin-right:auto;
				font-size: 25px;
				color: #ffffff;
			}
			.notice-panel{
				display:none;
			}
			.mobile-notice-panel{
				display:block;
			}

			.container{
				margin-top: 33px;
				margin-left:0;
				margin-right:0;
				height:auto;
				width:100%;
				max-height: none;
			}
			.login-box{
				padding-top: 23px;
			}

			.el-form-item {
				width:auto;
			}

			.el-input{
			}
			#send-sms{
				width: 78px;
			}



			.login-panel {
				width: 500px;
				margin-bottom: 10px;
				margin-left:auto;
				margin-right:auto;
			}

			.notice-title{
				margin-top:11px;
				font-size: 20px;
			}
			.notice-box{
				padding-top:10px;
				padding-bottom: 20px;
				padding-left:0;
				padding-right:0;
			}

			.notice-content{
				font-size: 12px;
				line-height:24px;
				margin:12px 5px;
				width:auto;
			}
			.el-button-login {
				width:95%;
			}
			.oauth-field {
				width:95%;
			}
			.footer{
				position:relative;
				padding: 7px 0 9px;
				width: 100%;
				margin-top: 30px;
				margin-bottom: 20px;
				text-align: center;
				font-size: 14px;
				color: white;
			}

		}

		div.el-button-login {
			padding: 20px 0px;
			height: auto;
		}

		.login-nav-header {
			border-bottom: 1px solid #fff;
			color: #fff;
			padding: 0;
			position: relative;
			margin: 0 0 15px;
		}

		.login-nav-wrap {
			overflow: hidden;
			margin-bottom: -1px;
			position: relative;
			padding: 0 15px;
		}

		.login-nav-prev {
			left: 0;
			position: absolute;
			cursor: pointer;
			line-height: 44px;
			font-size: 12px;
			color: #8392a5;
		}

		.login-nav-next {
			right: 0;
			position: absolute;
			cursor: pointer;
			line-height: 44px;
			font-size: 12px;
			color: #8392a5;
		}

		.login-nav-scroll {
			overflow: hidden;
		}

		.login-nav-nav {
			position: relative;
			transition: transform .3s;
			float: left;
			transform: translateX(0px);
			white-space: nowrap;
		}

		.login-nav-active-bar {
			width: 84px;
			transform: translateX(0px);
			position: absolute;
			bottom: 0;
			left: 0;
			height: 3px;
			background-color: #1b9ef3;
			z-index: 1;
			transition: transform .3s cubic-bezier(.645,.045,.355,1);
			list-style: none;
		}

		.login-nav-item {
			padding: 0 10px;
			height: 44px;
			box-sizing: border-box;
			line-height: 44px;
			display: inline-block;
			list-style: none;
			font-size: 16px;
			color: #8392a5;
			position: relative;
			border-bottom: 1px solid #fff;
			color: #fff;
		}

		.login-nav-nav div.on{
			box-sizing: border-box;
			border-bottom: 2px solid white;
		}


		@media only screen and (max-width: 416px){

			.login-panel {
				width: 90%;
				margin-bottom: 10px;
				margin-left:auto;
				margin-right:auto;
			}

		}

		.layui-form-checkbox[lay-skin=primary] span {
			color: #fff;
		}
		.layui-layer-demo .layui-layer-title {
		  border: none;
		  background-color: rgba(0,0,0,0.66);
		  color: #fff;
		}
		<!-- .shadows{background-color: transparent !important;box-shadow: 0 0 0 rgba(0,0,0,0.5) !important;} -->
		<!-- .shadows{opacity:0.5} -->
		<!-- .shadows{background-color: rgba(0,0,0,0.66);} -->
		<!-- .demo-class .layui-layer-title{background:#c00; color:#fff; border: none;}
		.demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
		.demo-class .layui-layer-btn a{background:#333;}
		.demo-class .layui-layer-btn .layui-layer-btn1{background:#999;} -->
		input:-webkit-autofill {
			transition:background-color 5000s ease-in-out 0s;
			-webkit-box-shadow: 0 0 0px 0px #fff inset;/*白色*/
			-webkit-text-fill-color: #fff;/*字体颜色*/
		}
    </style>
<body>
<div class="background">
</div>
<div class="main">
    <div class="header">
        
            <div class="portal-logo">
                <img style="height:100%" src="/public/static/upload/putrecord/20221208/e824fcc5e7371f04e4bce8f03befa13c.png">
            </div>
            <div class="portal-title">
                <span style="line-height: 48px;">焦作师范高等专科学校WebVPN</span>
            </div>
        
    </div>
    <div class="container">
        <div class="notice-panel">
			             <!-- <div class="notice-box">
                <div class="notice-title">
                    用户使用须知
                </div>
                <div class="notice-break-line"></div>
                <div class="notice-content">
                    <div class="ql-snow">
                        <div id="ql-editor" class="ql-editor">
							<p>1.在浏览器上打开WebVPN网址(<a href="https://webvpn.xjufe.edu.cn/" target="_blank" style="color: rgb(230, 0, 0);">https://webvpn.xjufe.edu.cn</a>)；&nbsp;</p>
							<p>2.继续教育学生请使用学校单独开通的账号和密码通过本地登录方式登录系统访问校内资源；&nbsp;</p>
							<p>3.除继续教育学生外，其余师生可以使用学校智慧校园统一认证平台提供的账号、密码通过统一身份认证登录方式登录系统访问校内资源。</p>
							<p>
							<br>
							</p>
							<p>注意事项：</p>
							<p>1. 建议使用Chrome、Firefox、IE11、Edge、Safari等浏览器；</p>
							<p>2. 继续教育学生第一次使用WebVPN必须修改初始密码方可登录系统；</p>
							<p>3. 如有问题和建议，请及时与我们反馈，联系电话：0991-7842068。</p>
						</div>
                    </div>
                </div>
            </div>  -->
        </div>
        <div class="login-panel">
							<div class="login-box">
					
											<div class="login-nav-header">
							<div class="login-nav-wrap">
								<div class="login-nav-scroll">
									<div class="login-nav-nav">
																					<div style="cursor:pointer;" onclick="getType('user');" class="login-nav-item on" id="user_type">本地用户</div>
																					<div style="cursor:pointer;" onclick="getType('wechat');" class="login-nav-item" id="wechat_type">企业微信</div>
																			</div>
								</div>
							</div>
						</div>
									
					<form class="el-form el-form--label-top layui-form" id="stdform">
						<input type="hidden" id="login_type" name="login_type" value="" />
						<div id="user">
							<div class="login-form-item">
								<div class="el-input user-input">
									<input type="text" name="huau_username" id="huau_username" lay-verify="required" placeholder="用户名" class="layui-input" value="">
								</div>
							</div>
						
							<div class="login-form-item password-field">
								<div class="el-input password-input">
									<input type="password" name="huau_password" id="huau_password" lay-verify="required" placeholder="密码" class="layui-input" value="">
								</div>
							</div>
							
							<div class="login-form-item password-field" id="captcha-wrap">
								<div class="el-input code-input">
									<input type="text" name="huau_vertify" id="huau_vertify" lay-verify="required|number" placeholder="验证码" class="layui-input">
									<div class="captcha-div">
										<a class="captcha" href="javascript:">
											<img class="captcha-img" src="/login/vertify.html" id="imgVerify" onclick="fleshVerify()">
										</a>
									</div>
								</div>
							</div>

							<div class="upper-login-field">
								<div class="remember-field">
									<input type="checkbox" name="remember" lay-skin="primary" title="记住密码" >
									
								</div>
							</div>
							<button type="submit" class="el-button-login" style="cursor:pointer" lay-submit="" lay-filter="layui-login-submit">登 录</button>
						</div>
					
						<div id="cas" style="display:none;">
							<a id="cas-login" class="link-login" href="/huauauth/caslogin" style="text-decoration:none;color:rgba(0,0,0,0.66);">
								<div class="el-button-login" style="margin-bottom: 20px; display: block;margin-top: 60px;">
										快速认证
								</div>
							</a>
						</div>	
						<div id="wechat" style="display:none;">
							<div id="wx_reg">
								
							</div>
						</div>
						<div id="dingding" style="display:none;">
							
						</div>
					</form>
					<div class="mobile-notice-panel">
												<!-- <div class="notice-box">
							<div class="notice-break-line"></div>
							<div class="notice-title">
								用户使用须知
							</div>
							<div class="notice-content">
								<div class="ql-snow">
									<div id="mobile-ql-editor" class="ql-editor">
										<p>1.在浏览器上打开WebVPN网址(<a href="https://webvpn.xjufe.edu.cn/" target="_blank" style="color: rgb(230, 0, 0);">https://webvpn.xjufe.edu.cn</a>)；&nbsp;</p>
										<p>2.继续教育学生请使用学校单独开通的账号和密码通过本地登录方式登录系统访问校内资源；&nbsp;</p>
										<p>3.除继续教育学生外，其余师生可以使用学校智慧校园统一认证平台提供的账号、密码通过统一身份认证登录方式登录系统访问校内资源。</p>
										<p>
										<br>
										</p>
										<p>注意事项：</p>
										<p>1. 建议使用Chrome、Firefox、IE11、Edge、Safari等浏览器；</p>
										<p>2. 继续教育学生第一次使用WebVPN必须修改初始密码方可登录系统；</p>
										<p>3. 如有问题和建议，请及时与我们反馈，联系电话：0991-7842068。</p>
									</div>
								</div>
							</div>
						</div> -->
					</div>
				</div>
			        </div>

    </div>
	<div class="footer" style="text-align: center;margin-top: 20px;margin-bottom: 10px;">
		版权所有：华域WebVPN	</div>
</div>

<script src="/public/static/layui/layui.js"></script>

<script type="text/javascript">
var login_type_arr = [{"name":"\u672c\u5730\u7528\u6237","value":"user"},{"name":"\u4f01\u4e1a\u5fae\u4fe1","value":"wechat"}];
getType(login_type_arr[0]['value']);
function getType(login_type){
	$("#login_type").val(login_type);
		
	$("#cas_type").attr("class", "login-nav-item"); 
	$("#ladp_type").attr("class", "login-nav-item");  
	$("#radius_type").attr("class", "login-nav-item");  
	$("#user_type").attr("class", "login-nav-item");
	$("#dingding_type").attr("class", "login-nav-item");
	$("#wechat_type").attr("class", "login-nav-item");

	$("#cas").hide();  
	$("#user").hide();
	$("#wechat").hide();
	$("#dingding").hide();
	
	if((login_type == 'user') || (login_type == 'ladp') || (login_type == 'radius')){
		$("#"+login_type+"_type").attr("class", "login-nav-item on");
		$("#user").show();
	}else if(login_type == 'cas'){
		$("#cas_type").attr("class", "login-nav-item on"); 
		$("#cas").show();
	}else if(login_type == 'wechat') {
		$("#wechat_type").attr("class", "login-nav-item on"); 
		$("#wechat").show();
	}else if(login_type == 'dingding') {
		$("#dingding_type").attr("class", "login-nav-item on"); 
		$("#dingding").show();
	}
}
	
var type = 0;
var time = 300;
if(type == 1){
	remainTime();
}

function remainTime(){
	$("#title").text(time+"秒");
	time--;
	if(time<1){
		window.location.reload();//页面刷新
	}
	setTimeout("remainTime()",1000);  
}
	

layui.use(['form','util'], function(){
    var $ = layui.$
	,form = layui.form
	,util = layui.util;
	
	
	
    //监听提交
    form.on('submit(layui-login-submit)', function(data){
		var username = data.field.huau_username;
		var password = data.field.huau_password;
		var vertify  = data.field.huau_vertify;
		
		if(mv.check_user_name(username)){
            layer.msg("用户名只能输入字母或汉字并且长度为3到26位", {icon: 2});
            $("#huau_username").focus();
            return false;
        }
		
		if(!mv.check_user_pwd(password)){
            layer.msg("密码不能包含特殊字符并且长度为6到20位", {icon: 2});
            $("#huau_password").focus();
            return false;
        }
		
		if (vertify.length!=4) {
            layer.msg("验证码为4位的数组", {icon: 2});
            $("#huau_vertify").focus();
            return false;
        }
		
		var loading = layer.load(1, {shade: [0.1,'#fff']});
		$.ajax({
			type:'post',
			url:"/login/login",
			dataType : 'json',
			data:$('#stdform').serialize(),
			success:function(res){
				//console.log(res);
				layer.close(loading);
				fleshVerify();
				
				if(res.code == 200){	
					var url = res.data.url;
					var is_double_auth = res.data.is_double_auth;
					var bind           = res.data.bind;
					if(is_double_auth == 1 && bind == 0) {
						layer.open({
							type: 2,
							title: '绑定手机号',
							area: ['640px', '300px'],
							content: ['/usersmy/bind','no'],
							//shade: [0.3, '#333'],
							shade: [0.1,'#fff'],
							//skin: 'layui-layer-demo',
							//skin: 'shadows',
							resize: false,
							
						});
						return false;
					}else if(is_double_auth == 1 && bind == 1) {
					    layer.open({
							type: 2,
							title: '验证手机号',
							area: ['640px', '300px'],
							content: ['/usersmy/verify','no'],
							//shade: [0.3, '#333'],
							shade: [0.1,'#fff'],
							//skin: 'layui-layer-demo',
							//skin: 'shadows',
							resize: false,
							
						});
						return false;
					}
					if(url == ""){
						url = '/admin/index';
					}
					
					window.location.href = url;
					return false;
				}else if(res.code == 401){
					layer.msg(res.msg, { icon: 2,time: 3000}, function(){
						location.reload();
					});   
				}else{
					layer.msg(res.msg, {icon: 2});
				}
			}
		});
		return false;
    });
})

function fleshVerify(){
	$('#imgVerify').attr('src','/login/vertify?r='+Math.random());//重载验证码
}

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}
//setCookie('HuauAuthName', "", -1);  
//setCookie('HuauAuthNameLogin', "", -1);

</script>
<script>
var wechat_appid   = "ww9fff6f65778522cf";
var wechat_agentid = "1000025";
var wechat_redirect_uri = "https://webvpn.jzsz.edu.cn/login/redirectweixin";

if(wechat_appid != "" && wechat_agentid != "" && wechat_redirect_uri != "") {
	var wwLogin = new WwLogin({
		"id": "wx_reg",  
		"appid": wechat_appid,
		"agentid": wechat_agentid,
		"redirect_uri": encodeURI(wechat_redirect_uri),
		"state": "webvpn_qrlogin",
		"href": "",
		"lang": "zh",
	});
}

</script>
<script>
var app_id = '';
var url  = "";//一会改成从配置读取

 if(app_id != '') {
	var goto = encodeURIComponent('https://oapi.dingtalk.com/connect/oauth2/sns_authorize?appid='+ app_id +'&response_type=code&scope=snsapi_login&state=STATE&redirect_uri='+url)
	var obj = DDLogin({
		 id:"dingding",
		 goto: goto,
		 style: "border:none;background-color:rgba(255, 255, 255, 0)",
		 width : "300",
		 height: "300"
	 });
 
	var handleMessage = function (event) {
        var origin = event.origin;
        if (origin == "https://login.dingtalk.com") { //判断是否来自钉钉登录扫码事件。
            var loginTmpCode = event.data; //拿到loginTmpCode后就可以在这里构造跳转链接进行跳转了
            //console.log("loginTmpCode", loginTmpCode);
				
            window.location.href =
                "https://oapi.dingtalk.com/connect/oauth2/sns_authorize?appid=" + app_id + "&response_type=code&scope=snsapi_login&state=STATE&redirect_uri=" + url + "&loginTmpCode=" +
                loginTmpCode;
        }
    };
    if (typeof window.addEventListener != 'undefined') {
        window.addEventListener('message', handleMessage, false);
    } else if (typeof window.attachEvent != 'undefined') {
		
        window.attachEvent('onmessage', handleMessage);
    }
 }
	
	
</script>
</body>
<input type="hidden" class="layui-input" name="mobile" id="mobile"/>
</html>