iris3 / app /templates /index.html
LDJA's picture
iris3
ba6b28a
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>VIVADATA |Iris ML</title>
<!-- Bootstrap core CSS -->
<link href="../static/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="../static/css/jumbotron-narrow.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="header clearfix">
<h3 class="text-muted">VIVADATA - Flask Demo</h3>
</div>
<div class="jumbotron">
<h1>Predicting Iris 🏵️🌺🌸</h1>
<p class="lead">Put your iris characteristics to predict its type!</p>
<!-- <p><a class="btn btn-lg btn-success" href="home" role="button">Get started</a></p> -->
</div>
<form action="/predict/" method="post">
<div class="form-group row">
<label for="inputSepalLength" class="col-sm-3 col-form-label">Sepal Length</label>
<div class="col-sm-8">
<input step="0.01" type="number" class="form-control" id="inputSepalLength" name="inputSepalLength" placeholder="Sepal Length (cm)">
</div>
</div>
<div class="form-group row">
<label for="inputSepalWidth" class="col-sm-3 col-form-label">Sepal Width</label>
<div class="col-sm-8">
<input step="0.01" type="number" class="form-control" id="inputSepalWidth" name="inputSepalWidth" placeholder="Sepal Width (cm)">
</div>
</div>
<div class="form-group row">
<label for="inputPetalLength" class="col-sm-3 col-form-label">Petal Length</label>
<div class="col-sm-8">
<input step="0.01" type="number" class="form-control" id="inputPetalLength" name="inputPetalLength" placeholder="Petal Length (cm)">
</div>
</div>
<div class="form-group row">
<label for="inputPetalWidth" class="col-sm-3 col-form-label">Petal Width</label>
<div class="col-sm-8">
<input step="0.01" type="number" class="form-control" id="inputPetalWidth" name="inputPetalWidth" placeholder="Petal Width (cm)">
</div>
</div>
<div class="form-group row">
<div class="col-sm-5">
<button type="submit" class="btn btn-primary">Predict</button>
</div>
</div>
</form>
<footer class="footer">
<p>&copy; Vivadata 2019</p>
</footer>
</div> <!-- /container -->
</body>
</html>