automated / templates /anthracnose_fruit.html
detectionpro's picture
Upload 20 files
9aba585 verified
<!doctype html>
<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>