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; | |
} | |
</style> | |
</head> | |
<body> | |
<div> | |
<img src="static/images/banner.png" class="w3-border w3-padding" alt="Indian AI Production" | |
style="width:100%"> | |
</div> | |
<br> | |
<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-color: rgb(153, 156, 150); color: white;" | |
class="text-center mb-5 content-h1 rounded"> | |
{{pred_output}} </h1> | |
</div> | |
<h2>Disease Name / रोग का नाम / रोगाचे नाव : </span></h2> | |
<h3 style="line-height: 100%;">Anthrancnose fruit<br><br> बुरशी<br> | |
</h3> | |
<hr class="w-100 mx-auto "> | |
</div> | |
</div> | |
<h1> Solution for Disease / रोग का उपचार / रोगाचा उपाय </h1> | |
<p><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>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड | |
१७.८ | |
एसएल / एसिटामिप्रिड २०% एसपी है।</p> | |
<p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड | |
१७.८ | |
एसएल / एसीटामिप्रिड २०% एसपी असेल.</p> | |
</div> | |
<section> | |
<div class="container"> | |
<h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;" | |
class="text-center my-3 content-h1"> | |
Recommended Products</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: rgb(153, 156, 150); color: white;" | |
class="text-center my-3 contents"> | |
Delivery Contact: | |
IndianAIProduction.business@gmail.com</h5> | |
<!-- </div> --> | |
</div> | |
</section> | |
</body> | |
</html> |