You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
296 lines
9.9 KiB
296 lines
9.9 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>security center</title>
|
|
<link type="text/css" rel="styleSheet" href="../layui/css/layui.css" />
|
|
<link type="text/css" rel="styleSheet" href="../css/common.css" />
|
|
<link type="text/css" rel="styleSheet" href="../css/index.css" />
|
|
<link type="text/css" rel="styleSheet" href="../css/securityCenter.css" />
|
|
<link type="text/css" rel="styleSheet" href="../css/help.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="securityCenterHeader">
|
|
<div class="">
|
|
<div class="header" id="app" v-cloak>
|
|
<div class="header_content container">
|
|
<a href="../index.html" class="logo"><img src="../image/[email protected]"
|
|
alt=""></a>
|
|
<div class="header_tabs">
|
|
<div class="acon1">
|
|
<span class="NotLog" v-show="isLogin2">
|
|
<a href="../html/login.html" class="a">Log In</a>
|
|
<a href="../html/register.html" class="a">Sign-up</a>
|
|
</span>
|
|
<span class="LogIn" v-show="isLogin">
|
|
<a href="" class="a">[email protected] <img src="../image/h1.png" alt="" class="h1"></a>
|
|
<div class="LogList">
|
|
<a href="securityCenter.html" class="active sc">Security center <img src="../image/meun_icon_my_nor.png" alt=""></a>
|
|
<a href="javascript::" class="so" @click="logOut">Sign out
|
|
<img src="../image/pop_icon_signout.png" alt="" class="img1">
|
|
<img src="../image/pop_icon_signoutb.png" alt="" class="img2">
|
|
</a>
|
|
</div>
|
|
</span>
|
|
<a href="" class="a">Support</a>
|
|
<div class="language a">
|
|
<span class="language-text">ENG <img src="../image/h1.png" alt="" class="h1"></span>
|
|
<div class="language-list">
|
|
<!-- <a href="">ENG</a> -->
|
|
<a href="">CHN</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="acon2">
|
|
<a href="exchange.html" class="active">Trade</a>
|
|
<a href="news.html" >News</a>
|
|
<a href="innovate.html">Innovation</a>
|
|
<a href="wallet.html">Wallet</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="securityCenterContent">
|
|
<div class="container">
|
|
<div class="container-title">
|
|
<div class="img_left">
|
|
<img src="../image/head_portrait.png" />
|
|
</div>
|
|
<div class="img_right">
|
|
<p class="container-name">用户名称</p>
|
|
<p><img src="../image/statuIcon.png" />
|
|
<span class="container-statu">Security Status - High</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="content-box">
|
|
<ul class="tab-head" id="tabHead">
|
|
<li class="activeLi" data-name="security"> <a href="#">Security center</a></li>
|
|
<li data-name="task"><a href="#">My tasks</a></li>
|
|
</ul>
|
|
<div id="tab-panel" class="tab-panel">
|
|
<!--
|
|
描述：安全中心
|
|
-->
|
|
<section data-name="security" id="security">
|
|
<ul>
|
|
<li>
|
|
<div class="account-item-in">
|
|
<img src="../image/center_icon_verifed.png" class="account-icon" />
|
|
<div class="personal-left">
|
|
<p class="personal-title">Verified</p>
|
|
<p class="personal-font">
|
|
For your account safety, please complete real-name certification before you
|
|
trade!
|
|
</p>
|
|
</div>
|
|
<a class="right_font bind">
|
|
Bind
|
|
</a>
|
|
</div>
|
|
<!--验证-->
|
|
<div id="" class="account-detail">
|
|
<div class="detail-list">
|
|
<form autocomplete="off">
|
|
<div class="list-item">
|
|
<label>Actual name</label>
|
|
<input type="text" />
|
|
</div>
|
|
<div class="list-item">
|
|
<label>ID Card</label>
|
|
<input type="text" />
|
|
</div>
|
|
<div class="upload-item-list">
|
|
<div class="file">
|
|
<div class="upload-item">
|
|
<div class="upload-item-img">
|
|
<img src="../image/card_1.png">
|
|
</div>
|
|
<p>Upload photo ID front</p>
|
|
<label>
|
|
<input type="file" value="Upload" />
|
|
<div class="upload-btn" id="upload1">Upload</div>
|
|
</label>
|
|
</div>
|
|
<div class="upload-item">
|
|
<div class="upload-item-img">
|
|
<img src="../image/card_2.png">
|
|
</div>
|
|
<p>Upload the face of the original id card and personal
|
|
signature</p>
|
|
<label>
|
|
<input type="file" value="Upload" />
|
|
<div class="upload-btn positionReBo" id="upload3">Upload
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<!-- <div class="checkMethod">
|
|
<img src="../image/checkMethod.png" alt="">
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="hint-box">
|
|
<div class="title">TIP</div>
|
|
<p>• Please upload a photo with the front of the original id card held
|
|
in hand and the handwritten content of “ coinloi.com” and the
|
|
current date.
|
|
<p>• Please make sure that the contents of the photos and personal
|
|
handwriting are clearly visible. Only JPG and PNG image formats are
|
|
supporte,
|
|
and the image size is less than 2M.</p>
|
|
<p>• Please take a photo with your ID card before uploading. The photo
|
|
must be you and your ID card. It must clearly show your complete
|
|
face and ID card. Otherwise,
|
|
it cannot be authenticated.</p>
|
|
</div>
|
|
<div class="btnArray">
|
|
<button class="resetbtn">Reset</button>
|
|
<button class="savebtn">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="account-item-in">
|
|
<img src="../image/center_icon_email.png" class="account-icon" />
|
|
<div class="personal-left">
|
|
<p class="personal-title">Email</p>
|
|
<p class="personal-font">[email protected]</p>
|
|
</div>
|
|
<a class="right_font bind">
|
|
Binded
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="account-item-in">
|
|
<img src="../image/center_icon_password.png" class="account-icon" />
|
|
<div class="personal-left">
|
|
<p class="personal-title">Password</p>
|
|
<p class="personal-font">
|
|
Use when signing in to this platform
|
|
</p>
|
|
</div>
|
|
<a class="right_font bind">
|
|
Modify
|
|
</a>
|
|
</div>
|
|
<!--验证-->
|
|
<div class="account-detail">
|
|
<div class="detail-list">
|
|
<form id="passwordForm" autocomplete="off">
|
|
<div class="list-item">
|
|
<label>Old login password</label>
|
|
<input type="password" name="oldPassword" />
|
|
</div>
|
|
<div class="list-item">
|
|
<label>New login password</label>
|
|
<input type="password" name="newPassword" />
|
|
</div>
|
|
<div class="list-item">
|
|
<label>Confirm new password</label>
|
|
<input type="password" name="surePassword" />
|
|
</div>
|
|
<div class="btnArray">
|
|
<button class="resetbtn">Reset</button>
|
|
<button class="savebtn">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</section>
|
|
<!--
|
|
描述：我的任务
|
|
-->
|
|
<section data-name="task">
|
|
<table class="task" id="taskTable" lay-filter="taskTable"></table>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="footer_content">
|
|
<div class="foot_top">
|
|
<div class="container flex">
|
|
<div class="lef">
|
|
<div class="logo">
|
|
<img src="../image/logo.png" alt="">
|
|
</div>
|
|
<div class="div1">
|
|
copyright©2021 Bitslead
|
|
</div>
|
|
<div class="div1">
|
|
[email protected]
|
|
</div>
|
|
<div class="div1">
|
|
Please pay attention to the market risk of cryptocurrency Trading
|
|
</div>
|
|
<div class="div2">
|
|
<img src="../image/bottom_icon_email.png" alt="">
|
|
<img src="../image/bottom_icon_world.png" class="mgl" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="rig">
|
|
<div class="div">
|
|
<a href="" class="head">GUIDE</a>
|
|
<a href="" class="a">Futures Guide</a>
|
|
<a href="" class="a">Apply For Listing</a>
|
|
<a href="" class="a">Perpetual Contracts Guide</a>
|
|
</div>
|
|
<div class="div">
|
|
<a href="" class="head">LEARN</a>
|
|
<a href="" class="a">Cryptocurrency</a>
|
|
<a href="" class="a">Smart Contract</a>
|
|
<a href="" class="a">Development of Blockchain</a>
|
|
</div>
|
|
<div class="div">
|
|
<a href="" class="head">SERVICE</a>
|
|
<a href="" class="a">Agrement</a>
|
|
<a href="" class="a">Security Guide</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="foot_center">
|
|
<div class="container">
|
|
<div class="rq flex">
|
|
<div class="p1">
|
|
All rights reserved © 2021 Bitstamp. NMLS #1905429
|
|
</div>
|
|
<div class="imgcon">
|
|
<img src="../image/visa.png" alt="" srcset="">
|
|
<img src="../image/mastercard.png" alt="" srcset="">
|
|
<img src="../image/maestro.png" alt="" srcset="">
|
|
</div>
|
|
<div class="imgcon imgcon2">
|
|
<a href=""><img src="../image/twitter.png" alt="" srcset=""></a>
|
|
<a href=""> <img src="../image/linkedin.png" alt="" srcset=""></a>
|
|
<a href=""> <img src="../image/facebook.png" alt="" srcset=""></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
|
|
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
|
|
<script type="text/javascript" src="../layui/layui.js"></script>
|
|
<script type="text/javascript" src="../js/common.js"></script>
|
|
<script type="text/javascript" src="../js/securityCenter.js"></script>
|
|
<script src="../js/vue.js"></script>
|
|
<script src="../js/header.js"></script>
|
|
</body>
|
|
|
|
</html>
|