Spaces:
Running
Running
Upload index.html
Browse files- app/templates/index.html +66 -0
app/templates/index.html
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Pan Card Temparing</title>
|
| 8 |
+
<!-- CSS -->
|
| 9 |
+
<link rel="stylesheet" href="./static/css/materialize.css" type="text/css" media="screen, projection">
|
| 10 |
+
</head>
|
| 11 |
+
|
| 12 |
+
<body>
|
| 13 |
+
<nav style="background-color: #5e72e4;" class="lighten-1" role="navigation" style="height: 100px;">
|
| 14 |
+
<div class="nav-wrapper container">
|
| 15 |
+
<a id="logo-container" class="brand-logo center"><h5>Pan Card Temparing</h5></a>
|
| 16 |
+
<div style="margin-left: 800px;">
|
| 17 |
+
made by <a class="orange-text text-lighten-3"> Braj Bhooshan</a>
|
| 18 |
+
</div>
|
| 19 |
+
</div>
|
| 20 |
+
</nav>
|
| 21 |
+
|
| 22 |
+
<div class="section no-pad-bot" id="index-banner">
|
| 23 |
+
<div class="container">
|
| 24 |
+
<div class="row">
|
| 25 |
+
<form action="/" method="post" class="col s12" enctype="multipart/form-data">
|
| 26 |
+
<div class="row">
|
| 27 |
+
<div class="input-field col s3">
|
| 28 |
+
</div>
|
| 29 |
+
|
| 30 |
+
<div class="input-field col s5" style="margin-left: 20px; margin-top: 100px">
|
| 31 |
+
<div class="row">
|
| 32 |
+
<label for="first_name"><b> Upload Pan Card Image</b></label><br>
|
| 33 |
+
<div class="file-field input-field">
|
| 34 |
+
<div class="btn" style="background-color: #5e72e4;">
|
| 35 |
+
<span>Browser</span>
|
| 36 |
+
<input type="file" name="file_upload" id="file_upload" />
|
| 37 |
+
</div>
|
| 38 |
+
<div class="file-path-wrapper">
|
| 39 |
+
<input type="text" class="file-path validate" placeholder="Upload file" name="file_name" id="file_name" />
|
| 40 |
+
</div>
|
| 41 |
+
</div>
|
| 42 |
+
</div>
|
| 43 |
+
</div>
|
| 44 |
+
</div>
|
| 45 |
+
<div class="row center">
|
| 46 |
+
<button type="submit" class="btn-large" style="background-color: blue;">Check</button>
|
| 47 |
+
</div>
|
| 48 |
+
</form>
|
| 49 |
+
<div style="text-align: center; padding-top: 50px;">
|
| 50 |
+
<h5>{{pred}}</h5>
|
| 51 |
+
</div>
|
| 52 |
+
</div>
|
| 53 |
+
<br><br>
|
| 54 |
+
</div>
|
| 55 |
+
</div>
|
| 56 |
+
|
| 57 |
+
<!-- Scripts -->
|
| 58 |
+
<script src="./static/js/materialize.js"></script>
|
| 59 |
+
<script type="text/javascript">
|
| 60 |
+
document.getElementById('file_upload').onchange = function(){
|
| 61 |
+
document.getElementById('file_name').value = this.value.slice(12,100);
|
| 62 |
+
};
|
| 63 |
+
</script>
|
| 64 |
+
|
| 65 |
+
</body>
|
| 66 |
+
</html>
|