<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="UTF-8">
<title>Smart Agri</title>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1">


<!-- Stylesheets -->

<!-- Add site Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/all.css" rel="stylesheet" type="text/css">
<link href="css/select2.css" rel="stylesheet" type="text/css">	
<link href="css/styled.css" rel="stylesheet">


</head>

<body>
<div class="">
	<div class="top-filter">
		<div class="row">
			<div class="col-md-12">
				<div class="form-group">
					<select class="select2 form-select">
						<option value=""> Slect Station </option>
						<option value=""> Station One</option>
					</select>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<h4 class="mt-3">Disease Models</h4>
				
				
			</div>
			<div class="col-md-12">
				<div class="accordion" id="accordionDisease">
				  <div class="accordion-item">
					<h2 class="accordion-header" id="cottonhead">
					  <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#cotton" aria-expanded="true" aria-controls="cotton">
						Cotton
					  </button>
					</h2>
					<div id="cotton" class="accordion-collapse collapse show" aria-labelledby="cottonhead" data-bs-parent="#accordionDisease">
					  <div class="accordion-body">
						<div class="row">
						  	<div class="col-md-12">
								
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/fusarium-risk.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Fusarium Risk</h4>
										</div>
									</a>					
								</div>
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/rhizoctonia-solani.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Rhizoctonia Solani</h4>
										</div>
									</a>					
								</div>
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/colletotrichum-sp.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Colletotrichum SP</h4>
										</div>
									</a>					
								</div>
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/leveillula-taurica.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Leveillula Taurica (from Tomato)</h4>
										</div>
									</a>					
								</div>
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/alternaria-alternata.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Alternaria Alternata</h4>
										</div>
									</a>					
								</div>
							</div>
						</div>
					  </div>
					</div>
				  </div>
				  <div class="accordion-item">
					<h2 class="accordion-header" id="soyahead">
					  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#soya" aria-expanded="false" aria-controls="soya">
						Soya
					  </button>
					</h2>
					<div id="soya" class="accordion-collapse collapse" aria-labelledby="soyahead" data-bs-parent="#accordionDisease">
					  <div class="accordion-body">
						<div class="row">
						  	<div class="col-md-12">
								
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/rust-1.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Rust Model 1</h4>
										</div>
									</a>					
								</div>
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/rust-2.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Rust Model 2</h4>
										</div>
									</a>					
								</div>
								<div class="menu-box mt-3">
									<a href="disease-modal-view.php">
										<div class="menu-img">
											<div>
												<img src="img/menu-icons/stem-rot-rclerotinia-rclerotiorum.png"/>
											</div>						
										</div>
										<div class="menu-data">
											<h4>Stem Rot Sclerotinia Sclerotiorum</h4>
										</div>
									</a>					
								</div>
								
									
								
								
							</div>
						  </div>
						</div>
						
					  </div>
					</div>
				  </div>
				  
				</div>
			</div>
			
		</div>
	</div>
</div>

     



	
     


<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-3.6.0.min.js"></script>
<script src="js/vendor/jquery-migrate-3.3.2.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/vendor/slick.js"></script>
<script src="js/vendor/jquery.easing.min.js"></script>
<script src="js/vendor/select2.full.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>