File size: 1,675 Bytes
3aaa0a3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Banquet Recommender</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body style="background-color: black;">
<nav class="navbar">
<p class="navbar-brand" style="color: aliceblue;">Banquet Recommender</p>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/recommend">Recommend</a></li>
</ul>
</nav>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-white" style="font-size: 50px;">Recommend Banquet</h1>
<form action="/banquet" method="post">
<input name="user-input" type="text" class="form-control form-control"><br>
<input type="submit" class="btn btn-lg btn-warning">
</form>
</div>
{% if data %}
{% for i in data %}
<div class="col-md-3" style="margin-top: 50px;">
<div class="card">
<div class="card-body">
<img class="card-img-top" src="{{i[4]}}", style="max-width: 100%; max-height: 200px;">>
<h3 style="color: #f9f8f8 "> Name: {{i[0]}}</h2>
<h4 style="color: #f9f8f8" > Address: {{i[1]}}</h4>
<h4 style="color: #f9f8f8 ">Phone No:{{i[2]}}</h4>
<h4 style="color: #f9f8f8" > Rating: {{i[3]}}</h4>
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</body>
</html>
|