"OTP varification"
Bootstrap 3.3.0 Snippet by faisalkhan123

<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> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container be-detail-container"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <br> <img src="https://cdn2.iconfinder.com/data/icons/luchesa-part-3/128/SMS-512.png" class="img-responsive" style="width:200px; height:200px;margin:0 auto;"><br> <h1 class="text-center">Verify your mobile number</h1><br> <p class="lead" style="align:center"></p><p> Thanks for giving your details. An OTP has been sent to your Mobile Number. Please enter the 4 digit OTP below for Successful Registration</p> <p></p> <br> <form method="post" id="veryfyotp" action=""> <div class="row"> <div class="form-group col-sm-8"> <span style="color:red;"></span> <input type="text" class="form-control" name="otp" placeholder="Enter your OTP number" required=""> </div> <button type="submit" class="btn btn-primary pull-right col-sm-3">Verify</button> </div> </form> <br><br> </div> </div> </div>
.be-detail-header { border-bottom: 1px solid #edeff2; margin-bottom: 50px; }

Related: See More


Questions / Comments: