-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdiagnosis.html
executable file
·96 lines (92 loc) · 4.38 KB
/
diagnosis.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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Diagnosis</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/justins-awesome-project.webflow.css" rel="stylesheet" type="text/css">
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="https://daks2k3a4ib2z.cloudfront.net/img/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png" rel="apple-touch-icon">
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/materialize.min.css">
<script src="js/main.js" type='module'></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<style>
#sn {
color: white;
}
a:link, a:visited {
color: black;
}
</style>
</head>
<nav class="blue" role="navigation">
<div class="nav-wrapper container">
<div class="brand-logo">FarmVision</div>
<ul class="right hide-on-med-and-down black-text">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="diagnosis.html">Diagnoses</a>
</li>
<li>
<a href="inventory-list.html">Inventory</a>
</li>
<li>
<a href="info.html">About Us</a>
</li>
</ul>
<!-- slide menu appears on mobile screens -->
<a href="#" data-target="slide-out" id="sn" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
<ul id="slide-out" class="sidenav">
<li>
<a href="index.html"><i class="large material-icons">home</i>Home</a>
</li>
<li>
<a href="diagnosis.html"><i class="large material-icons">healing</i>Diagnosis</a>
</li>
<li>
<a href="inventory-list.html"><i class="large material-icons">playlist_add_check</i>Inventory</a>
</li>
<li>
<a href="info.html"><i class="large material-icons">mood</i>About Us</a>
</li>
</ul>
</div>
</nav>
<div><img src="images/30020668_1677196035650694_1369376687_n.png" srcset="images/30020668_1677196035650694_1369376687_n-p-500.png 500w, images/30020668_1677196035650694_1369376687_n.png 728w" sizes="100vw"></div>
<p>Possible Diagnoses (Note: may not add up to 100%)</p>
<ul class="collection">
<li class="collection-item avatar">
<i class="material-icons circle"> <a href="aphids.html"/><img style="max-height: 35px;max-width: 160px;" src="images/Aphid.png"/></i>
<span class="title">Aphids</span>
<p>Likelihood of pest: 85% <br>
<a style="color:#0000FF" target="_blank" href="https://www.encyclopedia.com/plants-and-animals/animals/zoology-invertebrates/aphids" class="secondary-content">Read More</a>
</p>
<a href="aphids.html" style="color:#0000FF" >Treatment + Occurrence Map</a>
</li>
<li class="collection-item avatar">
<i class="material-icons circle green"><a href="beetles.html"/><img style="max-height: 35px;max-width: 160px;" src="images/beetle.png"/></i>
<span class="title">Flea Beetles</span>
<p>Likelihood of pest: 10% <br>
<a style="color:#0000FF" target="_blank" href="https://www.britannica.com/animal/flea-beetle" class="secondary-content">Read More</a>
</p>
<a href="beetles.html" style="color:#0000FF">Treatment + Occurrence Map</a>
</li>
<li class="collection-item avatar">
<i class="material-icons circle red"><img style="max-height: 35px;max-width: 160px;" src="images/mildew.png"/></i>
<span class="title">Downy Mildew</span>
<p>Likelihood of pest: 4% <br>
<a style="color:#0000FF" target="_blank" class="secondary-content" href="https://www.britannica.com/science/downy-mildew">Read More</a>
</p>
<a href="#" style="color:#0000FF">Treatment + Occurrence Map</a>
</li>
</ul>
</body>
</html>