<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.css" media="all" rel="stylesheet"
type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- <script type="text/javascript" src="cordova.js"></script> -->
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="css/st.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<style>
[type="radio"]:not(:checked)+label, [type="radio"]:checked+label{
padding-left: 26px;}
input[type=text],[type=email],[type=number],[type=password] {
color: white;
}
</style>
<title>Enter OTP</title>
</head>
<body>
<header class="headers white-text pink-bg1 z-depth-1 hdrs" style="height: auto;" id="log"></header>
<header class="header headerss pink-bg z-depth-1 hdr" id="log" style="">
<div class="navbar">
<button class="pink-bg navigation button-collapse" onclick="goBack()">
<i class="ion-android-arrow-back"></i>
</button>
<h5>Enter OTP</h5>
<button class="pink-bg navigation go-to-cart" onclick="window.location.href='ondoor-wallet.html'">
</button>
</div>
</header>
<div class="main-container" id="main-container" style="">
<div class="contact-form">
<h2 class="contact-heading">OTP</h2>
<div class="col s12">
<div class="row" style="display: block">
<form id="otp-form" method="post">
<div class="input-field">
<input id="otp" type="number" name="otp" class="validate" required>
<label for="phone" class="label">Enter an OTP.</label>
</div>
<center>
<button type="submit" class="submit-otp-button waves-effect waves-red btn pink-bg darken-2" name="submit-otp">
Submit
</button>
</form>
<button type="button" class="resend-button waves-effect waves-red btn pink-bg darken-2" name="resend-button" onclick="resendOtp();">
Resend
</button>
</center>
</div>
</div>
</div>
</div>
<script>
function goBack() {
window.history.back();
}
</script>
<script type="text/javascript" src="js/function.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
</body>
</html>