Untitled

<html>
    <head>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    </head>
    <body>
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">Name</th>
                    <th scope="col">Age</th>
                    <th scope="col">Day of Birth</th>
                    <th scope="col">Occupation</th>
                </tr>
            </thead>
            <tbody>
            {% for p in data %}
                <tr>
                    <td>{{ p.name }}</td>
                    <td>{{ p.age }}</td>
                    <td>{{ p.dob }}</td>
                    <td>{{ p.occupation }}</td>
                </tr>
            {% endfor %}
    </body>
</html>