Spaces:
Running
Running
| <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.1/css/bootstrap.min.css" | |
| integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous"> | |
| <title>STRAWBEERY PLANT DISEASE PREDICTION</title> | |
| <style> | |
| * { | |
| margin: 0px; | |
| padding: 0px; | |
| box-sizing: border-box; | |
| } | |
| .card-style { | |
| background-color: #dcdcdc; | |
| } | |
| .content { | |
| padding: 15px; | |
| color: white; | |
| background-color: rgb(153, 156, 150); | |
| /* font-size: 1rem; */ | |
| } | |
| @media (max-width: 430px) and (min-width: 200px) { | |
| .contents { | |
| font-size: 0.6rem; | |
| color: chartreuse; | |
| } | |
| .content-h1 { | |
| font-size: 1rem; | |
| } | |
| } | |
| .border img { | |
| border-radius: 15px; | |
| border: 2px solid black; | |
| } | |
| .animate-charcter { | |
| text-transform: uppercase; | |
| background-image: linear-gradient(-225deg, | |
| #231557 0%, | |
| #44107a 29%, | |
| #ff1361 67%, | |
| #fff800 100%); | |
| background-size: auto auto; | |
| background-clip: border-box; | |
| background-size: 200% auto; | |
| color: #fff; | |
| content: center; | |
| background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| animation: textclip 5s linear infinite; | |
| display: inline-block; | |
| font-size: 24px; | |
| } | |
| @keyframes textclip { | |
| to { | |
| background-position: 200% center; | |
| } | |
| } | |
| .hero | |
| { | |
| width:100%; | |
| height:100vh; | |
| background-image:linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3)); | |
| position:relative; | |
| padding:0 5%; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center; | |
| } | |
| .back-video{ | |
| position:absolute; | |
| right:0; | |
| bottom:0; | |
| z-index:-1; | |
| opacity:0.70; | |
| } | |
| @media (min-aspect-ratio:16/9) | |
| { | |
| .back-video{ | |
| width:100%; | |
| height:100%%; | |
| } | |
| } | |
| @media (max-aspect-ratio:16/9) | |
| { | |
| .back-video{ | |
| width:auto; | |
| height:100%; | |
| } | |
| } | |
| h2 { | |
| color:white; | |
| } | |
| .background-image | |
| { | |
| background-image:url('../static/images/bggg.jpeg'); | |
| background-size:cover; | |
| background-repeat:no-repeat; | |
| height:200vh; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <img src="static/images/Strawberry Disease predection . (4).png" class="w3-border w3-padding" alt="Indian AI Production" | |
| style="width:100%"> | |
| </div> | |
| <section> | |
| <div class="hero"> | |
| <video autoplay loop muted plays-inline class="back-video"> | |
| <source src="/static/vecteezy_young-strawberry-plants-in-spring-garden_3383447.mp4" type="video/mp4"> | |
| </video> | |
| <div class="container my-2"> | |
| <div class="row mb-5"> | |
| <div class="col-sm" style="margin-bottom: 23px;"> | |
| <span class="border border-primary"> | |
| <img src="{{ user_image }}" alt="User Image" class="img-thumbnail"> | |
| <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> --> | |
| </span> | |
| </div> | |
| <div class="col-sm"> | |
| <div> | |
| <h1 style="padding: 15px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd);" | |
| class="text-center mb-5 content-h1 rounded"> | |
| {{pred_output}} </h1> | |
| <h2>Disease Name / रोगाचे नाव : </span></h2> | |
| <h3 style="line-height: 100%; color:white">Angular leafspot<br><br> टोकदार पानांचे ठिपके <br> | |
| </h3> | |
| <hr class="w-100 mx-auto "> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section > | |
| <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center;text-indent: 50px;"> <b>Solution for Disease / रोग का उपचार / रोगाचा उपाय </b></h1> | |
| <p style="text-indent: 50px;"><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid | |
| 17.8 Sl / Acetamiprid 20% SP.</i></strong></p> | |
| <p></p> | |
| <p style="text-indent: 50px;">किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड | |
| १७.८ | |
| एसएल / एसिटामिप्रिड २०% एसपी है।</p> | |
| <p style="text-indent: 50px;">कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड | |
| १७.८ | |
| एसएल / एसीटामिप्रिड २०% एसपी असेल.</p> | |
| </div> | |
| <section class="background-image"> | |
| <div class="container"> | |
| <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center"> | |
| <b> Recommended Products</b></h1> | |
| </div> | |
| <div class="container"> | |
| <div class="card-columns "> | |
| <div class="card "> | |
| <div class="card-body text-center card-style"> | |
| <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt=""> | |
| <h3 class="card-text">Dose: 60-80 gm/Acre</h3> | |
| </div> | |
| </div> | |
| <div class="card "> | |
| <div class="card-body text-center card-style"> | |
| <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt=""> | |
| <h3 class="card-text">Dose: 25-40 gm/Acre</h3> | |
| </div> | |
| </div> | |
| <div class="card "> | |
| <div class="card-body text-center card-style"> | |
| <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt=""> | |
| <h3 class="card-text">Dose: 60-80 gm/Acre</h3> | |
| </div> | |
| </div> | |
| <div class="card "> | |
| <div class="card-body text-center card-style"> | |
| <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt=""> | |
| <h3 class="card-text">Dose: 25-35 ml/Acre</h3> | |
| </div> | |
| </div> | |
| <div class="card "> | |
| <div class="card-body text-center card-style"> | |
| <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt=""> | |
| <h3 class="card-text">Dose: 60-80 gm/Acre</h3> | |
| </div> | |
| </div> | |
| <div class="card "> | |
| <div class="card-body text-center card-style"> | |
| <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt=""> | |
| <h3 class="card-text">Dose: 60-80 gm/Acre</h3> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- <div class="container-fluid contents"> | |
| <h5 style="padding: 15px; background-color:#93E9BE" class="text-center my-3 contents"> | |
| <center><button onclick="history.back()" style="width:180px;height:40px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd)"> Go Back </button></center> | |
| </div> --> | |
| </div> | |
| </section> | |
| </body> | |
| </html> |