124 lines
3.3 KiB
PHP
124 lines
3.3 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Informasi Penyakit Daun Padi</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
|
|
<body class="bg-green-50">
|
|
|
|
<nav class="bg-green-700 text-white p-4">
|
|
<div class="max-w-7xl mx-auto flex justify-between">
|
|
<h1 class="font-bold text-2xl">
|
|
Rice Leaf AI
|
|
</h1>
|
|
|
|
<div class="space-x-3">
|
|
<a href="/" class="hover:underline">Beranda</a>
|
|
<a href="/dashboard" class="hover:underline">Dashboard</a>
|
|
<a href="/riwayat" class="hover:underline">Riwayat</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="max-w-7xl mx-auto p-10">
|
|
|
|
<h1 class="text-5xl font-bold text-center text-green-700 mb-12">
|
|
Informasi Penyakit Daun Padi
|
|
</h1>
|
|
|
|
<div class="grid md:grid-cols-2 gap-8">
|
|
|
|
<!-- Blast -->
|
|
<div class="bg-white p-8 rounded-3xl shadow-lg">
|
|
<h2 class="text-3xl font-bold text-red-600 mb-4">
|
|
Blast
|
|
</h2>
|
|
|
|
<p class="mb-4">
|
|
Penyakit yang disebabkan oleh jamur
|
|
<b>Pyricularia oryzae</b>.
|
|
</p>
|
|
|
|
<p class="mb-4">
|
|
Gejala:
|
|
</p>
|
|
|
|
<ul class="list-disc ml-5">
|
|
<li>Bercak berbentuk belah ketupat</li>
|
|
<li>Warna coklat keabu-abuan</li>
|
|
<li>Daun mengering</li>
|
|
</ul>
|
|
|
|
<p class="mt-4">
|
|
Solusi:
|
|
Gunakan fungisida dan varietas tahan penyakit.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Blight -->
|
|
<div class="bg-white p-8 rounded-3xl shadow-lg">
|
|
<h2 class="text-3xl font-bold text-yellow-600 mb-4">
|
|
Blight
|
|
</h2>
|
|
|
|
<p class="mb-4">
|
|
Penyakit bakteri yang menyebabkan hawar daun.
|
|
</p>
|
|
|
|
<ul class="list-disc ml-5">
|
|
<li>Daun menguning</li>
|
|
<li>Tepi daun mengering</li>
|
|
<li>Pertumbuhan terganggu</li>
|
|
</ul>
|
|
|
|
<p class="mt-4">
|
|
Solusi:
|
|
Gunakan benih sehat dan sanitasi lahan.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Tungro -->
|
|
<div class="bg-white p-8 rounded-3xl shadow-lg">
|
|
<h2 class="text-3xl font-bold text-orange-500 mb-4">
|
|
Tungro
|
|
</h2>
|
|
|
|
<p class="mb-4">
|
|
Penyakit virus yang ditularkan oleh wereng hijau.
|
|
</p>
|
|
|
|
<ul class="list-disc ml-5">
|
|
<li>Daun menguning</li>
|
|
<li>Tanaman kerdil</li>
|
|
<li>Produksi menurun</li>
|
|
</ul>
|
|
|
|
<p class="mt-4">
|
|
Solusi:
|
|
Kendalikan populasi wereng dan gunakan varietas tahan.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Healthy -->
|
|
<div class="bg-white p-8 rounded-3xl shadow-lg">
|
|
<h2 class="text-3xl font-bold text-green-600 mb-4">
|
|
Healthy
|
|
</h2>
|
|
|
|
<p>
|
|
Daun padi sehat berwarna hijau segar,
|
|
tidak terdapat bercak ataupun gejala penyakit.
|
|
</p>
|
|
|
|
<p class="mt-4">
|
|
Pertahankan pemupukan dan pengairan yang baik.
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |