Sindbad~EG File Manager
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SCHOOL</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" >
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" >
<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon_32_32.png">
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid ">
<div class="row">
<div class="col-md-4 brand justify-content-center">
<div class="row">
<div class="col-md-12 logo">
<img src="/static/images/logo_3.png" class="img-fluid rounded mx-auto d-block" alt="logo">
</div>
</div>
<div class="row">
<div class="col-md-12 wizard">
<!-- <ul>
<li class="current"><i class="fas fa-check-circle"></i>Introduction</li>
<li><i class="fas fa-circle-notch"></i>Upload Nomination Form</li>
<li><i class="fas fa-circle-notch"></i>Upload Completed Nomination Form</li>
<li><i class="fas fa-circle-notch"></i>Confirmation</li>
</ul> -->
<img src="/static/images/school_student_3.png" class="img-fluid rounded mx-auto d-block" alt="logo" style="margin-top: 220px;">
</div>
</div>
</div>
<div class="col-md-8 content" style="background-image: url('/static/images/books_4.png');background-color: #f2f2f2;" >
<div class="row mx-1">
<div class="col-md-8 col-lg-8 offset-md-2 col-sm-12 " >
{% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
<div class="alert alert-success text-align-center successMessage alert-dismissible" >
<button class="close close_alert" type="button" data-dismiss="alert" aria-label="close">×</button>
<h4>{{ mesg|safe }}</h4>
</div>
{% endfor %}
{% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
<div class="alert alert-danger text-align-center successMessage" id="successMessage">
<button class="close close_alert" type="button" data-dismiss="alert" aria-label="close">×</button>
<h6>{{ mesg|safe }}</h6>
</div>
{% endfor %}
<form id="reg" action="{{url_for('user.PostRegister')}}" method="POST" >
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h3 class="text-center">Alumini Registration Form</h3>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="form-group mt-4">
<label>Prefix</label>
<select class="form-control w-100" id="prefix" name="prefix">
<option value="" id="select"> Select Prefix</option>
<option value="Mr." selected=""> Mr. </option>
<option value="Mrs."> Mrs. </option>
<option value="Dr." > Dr. </option>
<option value="Ms."> Ms. </option>
<option value="Prof."> Prof. </option>
<!-- <option value="Others"> Others </option> -->
</select>
</div>
</div>
<div class="col-lg-8 col-md-12 col-sm-12">
<div class="form-group mt-4">
<label>Name</label>
<input type="text" name="full_name" id="full_name" class="form-control" placeholder="Enter full name" autofocus>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="Enter email-id" >
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Mobile</label>
<input class="form-control rounded inputs" type="text" name="mobile" id="mobile" placeholder="Enter mobile number" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
value="" maxlength="15" required />
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Mobile</label>
<input type="text" name="mobile" class="form-control" required>
</div>
</div>
</div> -->
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Current living place</label>
<input type="text" name="current_place" id="current_place" class="form-control" >
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Studied year in our school</label>
<input type="text" name="studied_year" id="studied_year" class="form-control">
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center ">
<a href="{{url_for('user.Home')}}" class="btn btn-dark btn-lg float-left" style="background: #1a3f45;color: #f7f2f2;">BACK</a>
<button type="submit" class="btn btn-primary btn-lg float-right">NEXT</button>
</div>
</div>
<div class="row">
<div class="col-12 text-center mt-1">
<hr/>
<a href="{{url_for('user.Login')}}" class="mt-3 float-middle">ALREADY REGISTERED ? .CLICK HERE</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#reg").validate({
// in 'rules' user have to specify all the constraints for respective fields
rules : {
prefix : {
required :true,
},
full_name : {
required :true,
},
email : {
required :true,
},
mobile : {
required :true,
},
},
messages : {
prefix : {
required : "Please enter the Prefix",
},
full_name : {
required : "Please enter the Full Name",
},
email : {
required : "Please enter the Email",
},
mobile : {
required : "Please enter the Mobile",
},
},
});
});
$('.close_alert').click(function() {
$(".alert").hide();
})
</script>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists