Hugging Face's logo

Spaces:
Mehulgarg
/
flask-project
Sleeping

App Files Community
Mehulgarg commited on
Commit
ed9857d
•
1 Parent(s): ef5a3ac

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +52 -32
templates/index.html CHANGED
@@ -1,38 +1,58 @@
1
  <html>
 
2
  <head>
 
 
3
 
4
- </head>
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
-
8
- <!-- Bootstrap CSS -->
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
- <body>
14
- <form action="/irisf" method="POST">
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
- <div> The Flower Name is: </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
- </body>
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>