Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" | |
| integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> | |
| <link href="https://fonts.googleapis.com/css2?family=Rowdies:wght@700&display=swap" rel="stylesheet"> | |
| <title>STRAWBERRY PLANT DISEASE PREDICTION</title> | |
| <html lang="en"> | |
| <head> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" | |
| integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> | |
| <link href="https://fonts.googleapis.com/css2?family=Rowdies:wght@700&display=swap" rel="stylesheet"> | |
| <title>STRAWBERRY PLANT DISEASE PREDICTION</title> | |
| <style> | |
| body { | |
| margin: 0; | |
| font-family: Arial; | |
| background: linear-gradient(rgba(12, 3, 51, 0.3), rgba(12, 3, 51, 0.3)), url('static/images/1.jpg'); | |
| background-size: cover; | |
| background-position: center; | |
| background-attachment: fixed; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| .container { | |
| max-width: 960px; | |
| margin: auto; | |
| padding: 20px; | |
| } | |
| form { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| .upload { | |
| font-size: 20px; | |
| background-image: linear-gradient(#485563, #29323c); | |
| border-radius: 20px; | |
| outline: none; | |
| width: 315px; | |
| color: #fff; | |
| border: 3px solid rgb(45, 47, 49); | |
| margin-bottom: 20px; | |
| padding: 10px; | |
| } | |
| input[type="submit"] { | |
| padding: 15px 35px; | |
| background-image: linear-gradient(#093028, #237A57); | |
| border-radius: 15px; | |
| color: #fff; | |
| font-size: 1.5rem; | |
| border: 4px solid rgb(31, 185, 190); | |
| cursor: pointer; | |
| transition: all 0.3s ease; | |
| } | |
| input[type="submit"]:hover { | |
| background-image: linear-gradient(#FFE000, #799F0C); | |
| } | |
| .hero { | |
| height: 100vh; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| text-align: center; | |
| color: #fff; | |
| } | |
| .hero h1 { | |
| font-size: 60px; | |
| font-weight: 600; | |
| transition: 0.5s; | |
| margin-top: 50px; | |
| } | |
| .hero h1:hover { | |
| -webkit-text-stroke: 2px #fff; | |
| color: transparent; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <section class="hero"> | |
| <div class="container"> | |
| <h1>STRAWBERRY PLANT DISEASE PREDICTION</h1> | |
| <form action="/predict" method="post" enctype="multipart/form-data"> | |
| <input type="file" name="image" class="upload"> | |
| <input type="submit" value="Predict" formtarget="_blank"> | |
| </form> | |
| </div> | |
| </section> | |
| </body> | |
| </head> | |
| </html> |