Spaces:
Sleeping
Sleeping
Update templates/index.html
Browse files- templates/index.html +52 -32
templates/index.html
CHANGED
@@ -1,38 +1,58 @@
|
|
1 |
<html>
|
|
|
2 |
<head>
|
|
|
|
|
3 |
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
|
9 |
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
10 |
-
<style>
|
11 |
-
form {text-align: center;}
|
12 |
</style>
|
13 |
-
|
14 |
-
|
15 |
-
<img src="https://th.bing.com/th/id/OIP.wA8IT2VBm3nE6FFe-rijQwHaHa?w=181&h=182&c=7&r=0&o=5&pid=1.7">
|
16 |
-
<h1>
|
17 |
-
{{p}}
|
18 |
-
</h1>
|
19 |
-
|
20 |
-
<label for="fname">Petal Length:</label><br>
|
21 |
-
<input type="text" name="Petall" ><br>
|
22 |
-
|
23 |
-
<label for="fname">Petal Width:</label><br>
|
24 |
-
<input type="text" name="Petalw" ><br>
|
25 |
-
|
26 |
-
<label for="fname">Sepal Length:</label><br>
|
27 |
-
<input type="text" name="Sepall" ><br>
|
28 |
-
|
29 |
-
<label for="lname">Sepal Width:</label><br>
|
30 |
-
<input type="text" name="Sepalw" ><br><br>
|
31 |
-
|
32 |
-
<input type="submit" value="Submit">
|
33 |
-
</form>
|
34 |
|
35 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
36 |
<div align="center"> {{data}} </div>
|
37 |
<center>
|
38 |
{% if data=="Iris-setosa" %}
|
@@ -43,6 +63,6 @@
|
|
43 |
<img src="https://cdn.glitch.global/8599b2d2-58ab-4d42-98f5-97fa4c6bad04/Iris%20Virginica.png?v=1680866857022" alt="IRIS VIRGINICA" width="200" height="200">
|
44 |
{% endif %}
|
45 |
</center>
|
46 |
-
|
47 |
-
|
48 |
</html>
|
|
|
1 |
<html>
|
2 |
+
<title>Iris Flower Prediction</title>
|
3 |
<head>
|
4 |
+
<style>
|
5 |
+
body{
|
6 |
|
7 |
+
background-color:floralwhite
|
8 |
+
}
|
9 |
+
|
10 |
+
|
11 |
+
|
|
|
|
|
|
|
12 |
</style>
|
13 |
+
</head>
|
14 |
+
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
15 |
|
16 |
+
<form action="/irisf" method="POST">
|
17 |
+
<table class="table table-striped trans" align="center">
|
18 |
+
|
19 |
+
<div class="row">
|
20 |
+
<tr align="center">
|
21 |
+
<div class="col-sm-6">
|
22 |
+
<td><label for="swidth" class="form-label">Sepal Width</label></td></div>
|
23 |
+
<div class="col-sm-6">
|
24 |
+
<td><input type="text" name="swidth" placeholder="Enter width of Sepal" required></td></div>
|
25 |
+
</tr>
|
26 |
+
<tr align="center">
|
27 |
+
<div class="col-sm-6">
|
28 |
+
<td><label for="sheight" class="form-label">Sepal Height</label></td></div>
|
29 |
+
<div class="col-sm-6">
|
30 |
+
<td><input type="text" name="sheight" placeholder="Enter height of Sepal" required></td></div>
|
31 |
+
</tr>
|
32 |
+
<tr align="center">
|
33 |
+
<div class="col-sm-6">
|
34 |
+
<td><label for="pwidth" class="form-label">Petal Width</label></td></div>
|
35 |
+
<div class="col-sm-6">
|
36 |
+
<td><input type="text" name="pwidth" placeholder="Enter width of Petal" required></td></div>
|
37 |
+
</tr>
|
38 |
+
<tr align="center">
|
39 |
+
<div class="col-sm-6">
|
40 |
+
<td><label for="pheight" class="form-label">Petal Height</label></td></div>
|
41 |
+
<div class="col-sm-6">
|
42 |
+
<td><input type="text" name="pheight" placeholder="Enter height of Petal" required></td></div>
|
43 |
+
</tr>
|
44 |
+
|
45 |
+
<tr>
|
46 |
+
<td colspan="2" align="center">
|
47 |
+
<input type="submit" value="Predict Flower Type">
|
48 |
+
<input type="reset" value="Clear">
|
49 |
+
</td>
|
50 |
+
</tr>
|
51 |
+
</div>
|
52 |
+
</table>
|
53 |
+
|
54 |
+
</form>
|
55 |
+
<div> The Flower Name is: </div>
|
56 |
<div align="center"> {{data}} </div>
|
57 |
<center>
|
58 |
{% if data=="Iris-setosa" %}
|
|
|
63 |
<img src="https://cdn.glitch.global/8599b2d2-58ab-4d42-98f5-97fa4c6bad04/Iris%20Virginica.png?v=1680866857022" alt="IRIS VIRGINICA" width="200" height="200">
|
64 |
{% endif %}
|
65 |
</center>
|
66 |
+
|
67 |
+
</body>
|
68 |
</html>
|