Sindbad~EG File Manager

Current Path : /home/numerotech/mcq.numerotech.com/MCQ_APP/core_old/templates/users/
Upload File :
Current File : //home/numerotech/mcq.numerotech.com/MCQ_APP/core_old/templates/users/otp_new.html

<!DOCTYPE html>
<html>
    <head>
        <title>KSOS MCQ Submission Application</title>
        <meta name="viewport" content="width=device-width, initial-scale=1 , maximum-scale=1" />
        <meta charset="UTF-8" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" crossorigin="anonymous" />
        <link rel="stylesheet" href="\static\css\style_ksos23.css" />
        <link rel="shortcut icon" href="#" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
            
        <style>
            body, html {
                overflow-x: hidden;
                height: 100%;
                background-image: url('https://common-application.s3.ap-southeast-1.amazonaws.com/MCQ_uploads/KSOS/ksos_bg.png');

                /* Full height */
                height: 100%;

                /* Center and scale the image nicely */
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                }
            /* .bg { */
                  /* The image used */
                /* background-image: url('https://common-application.s3.ap-southeast-1.amazonaws.com/MCQ_uploads/KSOS/ksos_bg.png'); */

                /* Full height */
                /* height: 100%; */

                /* Center and scale the image nicely */
                /* background-position: center; */
                /* background-repeat: no-repeat; */
                /* background-size: cover; */
                /* } */
            .app_header{
                color: #FFF;
                text-shadow: 0px 9px 11px #A968FF;
                font-family: "Open Sans";
                font-size: 90px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: -1.9px;
            }
            .box_style{
                border-radius: 35px;
                background: #FFF;
                box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.25);
            }
        </style>
        <noscript>
            <div class="bodyblock">
                <div class="blockcontent">
                    <h2>
                        <i class="fa fa-ban text-danger" aria-hidden="true"></i> For full functionality of this site it is necessary to enable JavaScript. Here are the
                        <a href="https://www.enable-javascript.com/" target="_blank"> instructions how to enable JavaScript in your web browser</a>.
                    </h2>
                </div>
            </div>
        </noscript>
    </head>

    <body >
        <div class="row bg" >
            <div class="col p-5">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-0 col-0"></div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12 mt-5 text-center">
                        <div class="app_header text-center">MCQ Application</div>
                        <div class="m-4 p-5 box_style text-left">
                                <div class="row">
                                    <div class="col form-group text-center">
                                        <img id="header_image" class="img-fluid" src="https://common-application.s3.ap-southeast-1.amazonaws.com/ksos_logo.png" alt="Logo" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col form-group text-center">
                                        <h1 class="font-weight-bold text-danger">Authenticate yourself</h1>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 text-center">
                                        {% for mesg in get_flashed_messages(with_categories=True)|unique %} {% if mesg[1] %} {% if mesg[0]== "warning" %}
                                        <div class="alert text-dark text-center Profile_bg" id="successMessage">
                                            <!-- <button type="button" class="close" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button> -->
                                            <h4>{{ mesg[1] }}</h4>
                                        </div>
                                        {% elif mesg[0] == "success" %}
                                        <div class="alert text-dark text-center alert-success" id="successMessage">
                                            <!-- <button type="button" class="close" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button> -->
                                            <h4>{{ mesg[1] }}</h4>
                                        </div>
                                        {% else %}
                                        <div class="alert alert-danger text-danger text-center" id="successMessage">
                                            <!-- <button type="button" class="close" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button> -->
                                            <h4>{{ mesg[1] }}</h4>
                                        </div>
                                        {% endif %} {% endif %} {% endfor %}
                                    </div>
                                </div>
                                <form action="{{url_for('user.Otp')}}" method="post">
                                    <div class="row">
                                        <div class="col-12 form-group ">
                                            <label class="font-weight-bold">Key in the OTP:</label>
                                            <input type="text" name="otp" id="otp" required oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="4" number class="form-control border-dark">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group text-center mt-3">
                                            <button type="submit" class="btn btn-lg px-5 btn-primary">Validate</button>
                                        </div>
                                    </div>
                                    <input type="hidden" name="user_id" id="user_id" value="{{ encrypt_user_id }}"> 
                                </form>
                                <div class="row">
                                    <div class="col-12 form-group text-center mt-3">
                                        <h4 class="h3">OTP not received ? <a href="{{url_for('user.Resend_otp',user_id=encrypt_user_id)}}" class="text-danger">Click here to send again..</a></h4>
                                        <h4 class="h3">Sign-in with Password. <a href="{{url_for('user.Login')}}" class="text-danger">Click here..</a></h4>
                                    </div>
                                </div>
                            </div>   
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-0 col-0"></div>
                </div>
            </div>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.6.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<script src="https://code.iconify.design/2/2.1.0/iconify.min.js"></script>
<script src="/static/js/ajaxloader.js"></script>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists