Spaces:
Sleeping
Sleeping
| <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 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> | |