{% block body %}
    <h1 align="center">Liste Hotel</h1><hr>
    <style type='text/css'>
        .table
        {
            border-collapse: collapse;
            align: center;
            font-size : 0.9em;
            min-width : 400px;
            border-radius : 5px 5px 0 0;
            overflow : hidden;
            font-family : cursive;
            align: center;


        }
        .table thead tr
        {
            background-color : #3737e2;
            color : #ffffff;
            text-align : left;
            font-weight:bold;
        }
        .table th,
        .table td
        {
            font-weight:bold;
            padding : 16px 15px;

        }
        .table thead:before, .table thead:after { display: none; } tbody:before, tbody:after { display: none; }
        .table tbody tr
        {
            border-bottom : 1px solid #dddddd;
        }
        .table tbody tr:nth-of-type(even)
        {
            background-color: #f3f3f3;
        }
        .table tbody tr:last-of-type
        {
            border-bottom : 2px solid #3737e2;
        }
        .limiter
        {
            padding-top:100px;

        }

        h1
        {

            background: radial-gradient(#f69d3c, #3f87a6);
            font-family: Helvetica;



        }
        body
        {
            background-color : #a8a8fd;
        }

        @page { margin: 0px;  }
    </style>
<div class="limiter">
    <table align="center" class="table table-hover">
        <thead>
        <tr>
        <th>nom</th>
        <th>destination</th>
        <th>etoile</th>
        <th>adresse</th>
        <th>description</th>
        <th>image</th>
        </tr>
        </thead>
        <tbody>
         {% for h in Hotel %}
         <tr>
            <td>{{ h.nom}} </td>
            <td>{{ h.destination}} </td>
            <td> {{ h.etoile}} </td>
            <td>{{ h.adresse}}  </td>
            <td> {{ h.description}} </td>
            <td> {{ h.image}} </td>
         </tr>
         {% endfor %}
        </tbody>
    </table>
</div>>
{% endblock %}