-
Notifications
You must be signed in to change notification settings - Fork 0
/
forest_fire.html
150 lines (121 loc) · 5.78 KB
/
forest_fire.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>Starter Template - Materialize</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="./static/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="./static/css2/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="light-blue-lighten-1" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">AML</a>
<ul class="right hide-on-med-and-down">
<li><a href="#" style="font-size: 30px;">Help Line</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="#">Navbar Link</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<br><br>
<h1 class="header center light-green-text" style="font-weight: bold;">Forest Fire Prevention</h1>
<div class="row center">
<h5 class="header col s12 light">Predict the probability of Forest-Fire Occurence
<br>
</h5>
</div>
<div class="row">
<form action='/predict' method="POST" class="col s12">
<div class="row">
<div class="input-field col s4">
<label for="first_name"><b>Temperature</b></label>
<br>
<input id="first_name" name='Temperature'type="text" class="validate">
</div>
<div class="input-field col s4">
<label for="last_name"><b>Oxygen </b></label>
<br>
<input id="last_name" name="Oxygen" type="text" class="validate">
</div>
<div class="input-field col s4">
<label for="_name"><b>Humidity</b></label>
<br>
<input id="_name" name="Humidity" type="text" class="validate">
</div>
</div>
<div class="row center">
<button type="submit" class="btn-large waves-effect waves-light green" style=>Predict Probability</button>
</div>
</form>
</div>
<br><h4 align="center"<b>{{pred}}</b></h4>
<br>
</div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center">Welcome</h5>
<p class="light">Our mission is to predict forest fires accurately using advanced machine learning techniques, helping to protect our forests and communities.
Stay informed and take proactive steps with our real-time predictions and alerts.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
<h5 class="center">Get Involved</h5>
<p class="light">Join us in our efforts to prevent forest fires. Whether you're a researcher, forest manager, or concerned citizen, there are various ways to contribute. Share our website, participate in educational programs,
or provide data to enhance our prediction models. Together, we can make a significant impact.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
<h5 class="center">Benefits</h5>
<p class="light">By utilizing our Forest Fire Prediction website, communities and authorities can take preemptive
actions to reduce the risk of forest fires. Early predictions allow for timely evacuations, efficient resource allocation, and informed decision-making. Our platform empowers users with the knowledge and tools needed to protect our forests and minimize the devastating impacts of fires.</p>
</div>
</div>
</div>
</div>
<br><br>
</div>
</div>>
<footer class="page-footer light-blue-lighten-1">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Contact Us</h5>
<p class="grey-text text-lighten-4">If you have any questions, suggestions, or need further information, please don't hesitate to contact us. Our team is dedicated to providing the best service and support to ensure the safety and well-being of our natural landscapes.</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Mission</h5>
<ul>
<li><a class="white-text" >Prevent forest fires through<br>advanced technology.</a></li>
<li><a class="white-text" >Protect ecosystems and <br>communities.</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Suggestions</h5>
<ul>
<li><a class="white-text" href="#!">Reach out for more information.</a></li>
<li><a class="white-text" href="#!">We value your feedback.</a></li>
<li><a class="white-text" href="#!">Our team is here to help.</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src=".js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>