Files
Zain Fauzan Rofie Azizi edcc0df464 Initial commit
2018-03-14 15:49:58 +08:00

100 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>AzureUI - SIGNUP</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AzureUI - SIGN-IN</title>
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/global.style.css">
</head>
<body>
<div class="wrapper">
<div class="wrapper-inline">
<!-- Header area start -->
<header style="background-color: #FFF">
<a class="go-back-link-index" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
<h1 id="HT" class="page-title" style="color: #000">Sign-up</h1>
</header>
<!-- Header area end -->
<div class="form-divider"></div>
<div class="form-row txt-center">
<img src="images/CIEF.png" style="width:200px; height:100px">
</div>
<!-- Page content start -->
<main>
<section class="container">
<form>
<div class="form-row-group with-icons">
<div class="form-row no-padding">
<div style="position:absolute; top: 10px;">
<i class="fa fa-user" style="color: #667F97"></i>
</div>
<select class="form-element">
<option value="">Role</option>
<option value="1" selected>Importer</option>
<option value="2">Forwarder</option>
</select>
</div>
<div class="form-row no-padding">
<div style="position:absolute; top: 10px;">
<i class="fa fa-lock" style="color: #667F97"></i>
</div>
<input type="password" name="aaa" class="form-element" placeholder="Password" required>
</div>
<div class="form-row no-padding">
<div style="position:absolute; top: 10px;">
<i class="fa fa-lock" style="color: #667F97"></i>
</div>
<input type="password" name="aaa" class="form-element" placeholder="Confirm Password" required>
</div>
<div class="form-row no-padding">
<div style="position:absolute; top: 10px;">
<i class="fa fa-check" style="color: #667F97"></i>
</div>
<input type="text" name="aaa" class="form-element" placeholder="Verification No" required>
</div>
</div>
<div class="form-divider"></div>
<div class="form-row txt-center" style="color:white">
Request verification number
</div>
<div class="form-row-group with-icons">
<div class="form-row no-padding">
<div style="position:absolute; top: 10px;">
<i class="fa fa-phone" style="color: #667F97"></i>
</div>
<input type="text" name="aaa" class="form-element" placeholder="Mobile No">
</div>
</div>
<div class="form-divider"></div>
<a href="#" class="button blue" style="right: 50px">Send</a>
<div class="form-divider"></div>
<div class="form-label-divider"></div>
<div class="form-divider"></div>
<div >
<a href="verify-terms-conditions.html" class="button block green">Sign Up</a>
</div>
<div class="form-row txt-center">
Already have an account? <a href="index.html" data-loader="show">Sign-in</a>
</div>
</form>
</section>
</main>
<!-- Page content end -->
</div>
</div>
</body>
</html>