Spaces:
Sleeping
Sleeping
Commit
·
63dd065
1
Parent(s):
30dda0c
Create templates/index.html
Browse files- templates/index.html +75 -0
templates/index.html
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<html>
|
| 2 |
+
<title>Iris Flower Prediction</title>
|
| 3 |
+
<head>
|
| 4 |
+
<style>
|
| 5 |
+
body{
|
| 6 |
+
|
| 7 |
+
background-color:floralwhite
|
| 8 |
+
}
|
| 9 |
+
|
| 10 |
+
div{
|
| 11 |
+
color : #cd5c5c;
|
| 12 |
+
text-align: center;
|
| 13 |
+
font-style: oblique;
|
| 14 |
+
font-weight: bold;
|
| 15 |
+
box-shadow: 10px 10px 5px #808080;
|
| 16 |
+
animation: bounce 2s infinite;
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
</style>
|
| 20 |
+
</head>
|
| 21 |
+
<body>
|
| 22 |
+
|
| 23 |
+
<form action="/irisf" method="POST">
|
| 24 |
+
<table class="table table-striped trans" align="center">
|
| 25 |
+
|
| 26 |
+
<div class="row">
|
| 27 |
+
<tr align="center">
|
| 28 |
+
<div class="col-sm-6">
|
| 29 |
+
<td><label for="swidth" class="form-label">Sepal Width</label></td></div>
|
| 30 |
+
<div class="col-sm-6">
|
| 31 |
+
<td><input type="text" name="swidth" placeholder="Enter width of Sepal" required></td></div>
|
| 32 |
+
</tr>
|
| 33 |
+
<tr align="center">
|
| 34 |
+
<div class="col-sm-6">
|
| 35 |
+
<td><label for="sheight" class="form-label">Sepal Height</label></td></div>
|
| 36 |
+
<div class="col-sm-6">
|
| 37 |
+
<td><input type="text" name="sheight" placeholder="Enter height of Sepal" required></td></div>
|
| 38 |
+
</tr>
|
| 39 |
+
<tr align="center">
|
| 40 |
+
<div class="col-sm-6">
|
| 41 |
+
<td><label for="pwidth" class="form-label">Petal Width</label></td></div>
|
| 42 |
+
<div class="col-sm-6">
|
| 43 |
+
<td><input type="text" name="pwidth" placeholder="Enter width of Petal" required></td></div>
|
| 44 |
+
</tr>
|
| 45 |
+
<tr align="center">
|
| 46 |
+
<div class="col-sm-6">
|
| 47 |
+
<td><label for="pheight" class="form-label">Petal Height</label></td></div>
|
| 48 |
+
<div class="col-sm-6">
|
| 49 |
+
<td><input type="text" name="pheight" placeholder="Enter height of Petal" required></td></div>
|
| 50 |
+
</tr>
|
| 51 |
+
|
| 52 |
+
<tr>
|
| 53 |
+
<td colspan="2" align="center">
|
| 54 |
+
<input type="submit" value="Predict Flower Type">
|
| 55 |
+
<input type="reset" value="Clear">
|
| 56 |
+
</td>
|
| 57 |
+
</tr>
|
| 58 |
+
</div>
|
| 59 |
+
</table>
|
| 60 |
+
|
| 61 |
+
</form>
|
| 62 |
+
<div> The Flower Name is: </div>
|
| 63 |
+
<div align="center"> {{data}} </div>
|
| 64 |
+
<center>
|
| 65 |
+
{% if data=="Iris-setosa" %}
|
| 66 |
+
<img src="https://cdn.glitch.global/8599b2d2-58ab-4d42-98f5-97fa4c6bad04/Iris%20Setosa.png?v=1680866840563" alt="IRIS SETOSA" width="200" height="200">
|
| 67 |
+
{% elif data=="Iris-versicolor" %}
|
| 68 |
+
<img src="https://cdn.glitch.global/8599b2d2-58ab-4d42-98f5-97fa4c6bad04/Iris%20versicolor.png?v=1680866854461" alt="IRIS VERSICOLOR" width="200" height="200">
|
| 69 |
+
{% elif data=="Iris-virginica" %}
|
| 70 |
+
<img src="https://cdn.glitch.global/8599b2d2-58ab-4d42-98f5-97fa4c6bad04/Iris%20Virginica.png?v=1680866857022" alt="IRIS VIRGINICA" width="200" height="200">
|
| 71 |
+
{% endif %}
|
| 72 |
+
</center>
|
| 73 |
+
|
| 74 |
+
</body>
|
| 75 |
+
</html>
|