Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Pan Card Temparing</title> | |
| <!-- CSS --> | |
| <link rel="stylesheet" href="./static/css/materialize.css" type="text/css" media="screen, projection"> | |
| </head> | |
| <body> | |
| <nav style="background-color: #5e72e4;" class="lighten-1" role="navigation" style="height: 100px;"> | |
| <div class="nav-wrapper container"> | |
| <a id="logo-container" class="brand-logo center"><h5>Pan Card Temparing</h5></a> | |
| <div style="margin-left: 800px;"> | |
| made by <a class="orange-text text-lighten-3"> Braj Bhooshan</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="section no-pad-bot" id="index-banner"> | |
| <div class="container"> | |
| <div class="row"> | |
| <form action="/" method="post" class="col s12" enctype="multipart/form-data"> | |
| <div class="row"> | |
| <div class="input-field col s3"> | |
| </div> | |
| <div class="input-field col s5" style="margin-left: 20px; margin-top: 100px"> | |
| <div class="row"> | |
| <label for="first_name"><b> Upload Pan Card Image</b></label><br> | |
| <div class="file-field input-field"> | |
| <div class="btn" style="background-color: #5e72e4;"> | |
| <span>Browser</span> | |
| <input type="file" name="file_upload" id="file_upload" /> | |
| </div> | |
| <div class="file-path-wrapper"> | |
| <input type="text" class="file-path validate" placeholder="Upload file" name="file_name" id="file_name" /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row center"> | |
| <button type="submit" class="btn-large" style="background-color: blue;">Check</button> | |
| </div> | |
| </form> | |
| <div style="text-align: center; padding-top: 50px;"> | |
| <h5>{{pred}}</h5> | |
| </div> | |
| </div> | |
| <br><br> | |
| </div> | |
| </div> | |
| <!-- Scripts --> | |
| <script src="./static/js/materialize.js"></script> | |
| <script type="text/javascript"> | |
| document.getElementById('file_upload').onchange = function(){ | |
| document.getElementById('file_name').value = this.value.slice(12,100); | |
| }; | |
| </script> | |
| </body> | |
| </html> |