iris-ml / templates /index.html
simran40's picture
Create templates/index.html
c26ce02 verified
<!DOCTYPE html>
<html>
<head>
<title>Iris Flower Prediction</title>
<style>
body { font-family: Arial, sans-serif; margin: 40px; text-align: center; }
form { margin: 20px auto; width: 300px; }
input { margin: 5px; padding: 8px; width: 90%; }
button { padding: 10px; margin-top: 10px; background: #4CAF50; color: white; border: none; cursor: pointer; }
button:hover { background: #45a049; }
.result { font-size: 20px; color: darkblue; margin-top: 20px; }
</style>
</head>
<body>
<h1>Iris Flower Prediction</h1>
<form method="post">
<input type="text" name="sepal_length" placeholder="Sepal Length" required><br>
<input type="text" name="sepal_width" placeholder="Sepal Width" required><br>
<input type="text" name="petal_length" placeholder="Petal Length" required><br>
<input type="text" name="petal_width" placeholder="Petal Width" required><br>
<button type="submit">Predict</button>
</form>
<div class="result">
{{ prediction_text }}
</div>
</body>
</html>