-
Notifications
You must be signed in to change notification settings - Fork 0
/
paddy.html
168 lines (131 loc) · 8.2 KB
/
paddy.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Agrorader</title>
<link rel="icon" href="images/favicon.ico">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu" rel="stylesheet">
<!-- CSS Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles1.css">
<!-- Font Awesome -->
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
<!-- Bootstrap Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<section class="colored-section" id="title">
<div class="container-fluid">
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="">Agro rader</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Login</a>
</li>
</ul>
</div>
</nav>
<!-- Title -->
<div class="paddy-image">
<div class="col-lg-6">
<img class="title-image" src="images/paddy.png" alt="farmer-mockup">
</div>
<div class="paddy-image1">
<div class="col-lg-6">
<img class="title-image" src="images/paddy1.png" alt="farmer-mockup">
</div>
</div>
</section>
<div class="colored-section1">
<h2 class="paddy-heading">Select the below Disease to get the details.</h2>
<div class="row paddy-button">
<div class="col-lg-4 col-lg-2 paddy-button">
<button class="btn btn-paddy btn-success btn-lg" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">Rice Bacterial blight</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabell">
<div class="offcanvas-header">
<h2 class="offcanvas-title" id="offcanvasBottomLabel"><u>Rice Bacterial Blight:-</u></h2>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body small">
<h3>Symptoms:-</h3>
<p class="paddy">Water-soaked stripes on leaf blades; yellow or white stripes on leaf blades; leaves appear grayish in color; plants wilting and rolling up; leaves turning yellow; stunted plants; plant death; youngest leaf on plant
turning yellow</p>
<h3>Cause:-</h3>
<p class="paddy">Bacterium</p>
<h3>Comments:-</h3>
<p class="paddy">One of the most important diseases of rice; disease found in tropical and temperate regions; greatest economic impact in Asia</p>
<h3>Management:-</h3>
<p class="paddy">Bacterial blight can be effectively controlled by planting resistant rice varieties; avoid excessive nitrogen fertilization; plow stubble and straw into soil after harvest</p>
<h3>Category:-</h3>
<pp class="paddy"><strong>Fungal</strong></p>
</div>
</div>
</div>
<div class="col-lg-4 col-lg-2 paddy-button">
<button class="btn btn-paddy btn-success btn-lg" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight1" aria-controls="offcanvasRight">Bakanae</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight1" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header">
<h2 class="offcanvas-title" id="offcanvasBottomLabel"><u>Bakanae:-</u></h2>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body small">
<h3>Symptoms:-</h3>
<p class="paddy">Seedlings are elongated, slender and pale; seedlings are stunted and chlorotic; death of seedlings; abnormal elongation of older plants which often makes them visible as they grow taller than uninfected plants in the field; sterile plants which do not produce panicles or produce empty panicles.</p>
<h3>Cause:-</h3>
<p class="paddy">Fungus</p>
<h3>Comments:-</h3>
<p class="paddy">Disease transmitted through infected seed; disease emergence favored by high temperatures.</p>
<h3>Management:-</h3>
<p class="paddy">Treating seeds with appropriate fungicides prior to planting can be very effective at controlling the disease; less susceptible rice varieties should be grown in areas where fungicide-treated seed is not available.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-lg-2 paddy-button">
<button class="btn btn-paddy btn-success btn-lg" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight2" aria-controls="offcanvasRight">False smut </button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight2" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header">
<h2 class="offcanvas-title" id="offcanvasBottomLabel"><u>False smut </u></h2>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body small">
<h3>Symptoms:-</h3>
<p class="paddy">The pathogen infect the rice plant during flowering stage and causes chalkiness of grain. The individual grains were covered with orange fungal mass in the beginning, later turns into greenish velvet color during sporulation stage and finally into charcoal black during spore maturation stage. It infect only few grains in spikelet. Recorded disease loss up to 75% in severe incidence. It also reduces market value of rice.</p>
<h3>Cause:-</h3>
<p class="paddy">Fungus</p>
<h3>Comments:-</h3>
<p class="paddy">It is seed born disease and may also affect seed germination.</p>
<h3>Management:-</h3>
<p class="paddy">Treat seeds with hot water (52 C) for 10 min. Roughing the infected plants from field and from harvested grains. Keep the rice field and surrounding clean. Use resistant varieties. Maintain humidity in field by alternate wetting and drying.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="white-section" id="footer">
<div class="container-fluid">
<i class="social-icon fab fa-facebook-f"></i>
<i class="social-icon fab fa-twitter"></i>
<i class="social-icon fab fa-instagram"></i>
<i class="social-icon fas fa-envelope"></i>
<p>© Copyright 2022 Agrorader</p>
</div>
</footer>
</body>
</html>