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>
|