|
|
<!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> |
|
|
|
|
|
<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 class="nav navbar-nav"> |
|
|
<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;">Top 50 Halls</h1> |
|
|
</div> |
|
|
|
|
|
{% for i in range(banquet_name|length) %} |
|
|
<div class="col-md-3" style="margin-top: 50px;"> |
|
|
<div class="card"> |
|
|
<div class="card-body"> |
|
|
<img class="card-img-top" src="{{ banquet_img[i] }}", style="max-width: 100%; max-height: 200px;"> |
|
|
<h1>{{ banquet_name[i] }}</h1> |
|
|
<h4>Reviews: {{ banquet_reviews[i] }}</h4> |
|
|
<h4>Rating: {{ banquet_rating[i] }}</h4> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
{% endfor %} |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
