| <!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> |
| <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> |
|
|
